CSS调整行间距line-height

CSS调整行间距line-height

行与行之间的距离最常用的称呼是行间距,CSS中的行高line-height简直是上帝发给人间的福音。利用CSS行高我们可以随心所欲地控制行与行之间的垂直距离。

行间距line-height
使用方法:
B { line-height: 16pt }
line-height后面的内容可能是:
数字 
长度单位 
比例 
用数字设行距
实例就是:
B { line-height: 2 }
B { line-height: 16pt }
B { line-height: 120% }
B { line-height: 1.2em}
CSS的行间距定义是:
line-height:18px;
上面代码是将行间距设为18px。长期以来,我在定义字体样式的时候,通常是这样:
#myFont{ 
font:12px tahoma; 
line-height:18px; 
今天才发现,原来可以写成一行,修改如下:
#myFont{ 
font:12px/18px tahoma; 
posted @ 2012-12-13 10:29  程序员-初学者  阅读(721)  评论(0编辑  收藏  举报