2009-07-11 13 views
11

私はそれに似た何かを持っている:CSSの行間隔を広げる方法は?

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

両ライン

Hello, 
World! 

が相互に接近しすぎて表示されます。それらの間の間隔を広げる方法(線幅の一部分で(別の<br/>なし))?

答えて

13

ここ<td>の1倍半フォントの高さの中に行間を作成する方法の完全な例です:

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

line-heightを使用して、行の高さを調整します。だからあなたの場合line-height: 2は、行の高さを2倍にします。

4
td { 
    line-height:<value>; 
} 
関連する問題