2009-07-11 163 views
11

Tôi có một cái gì đó tương tự như:Làm cách nào để tăng khoảng cách giữa các dòng trong CSS?

<table> 
    <tr> 
     <td>Hello,<br/>World!</td> 
    </tr> 
</table> 

Cả hai dòng

Hello, 
World! 

được hiển thị quá gần nhau. Bất kỳ cách nào để tăng khoảng cách giữa chúng (bằng một phần của chiều rộng đường kẻ (không có khác <br/>))?

Trả lời

13

Dưới đây là một ví dụ đầy đủ về cách để làm cho khoảng cách giữa các dòng trong <td> s một và một lần nửa chiều cao của font:

<html><head> 
<style> 
td { 
    line-height: 150%; 
} 
</style> 
</head> 
<body> 
<table> 
    <tr> 
     <td>Hello,<br/>World!</td> 
    </tr> 
</table> 
</body></html> 
12

Sử dụng line-height để điều chỉnh chiều cao dòng, tốt. Vì vậy, trong trường hợp của bạn, line-height: 2 sẽ tăng gấp đôi chiều cao của dòng.

4
td { 
    line-height:<value>; 
} 
Các vấn đề liên quan