PHPQ致力于分享PHP,做PHP中文资讯第一站点。我们关心的不仅仅是PHP!涵盖PHP教程、PHP安装、PHP下载、PHP源码、PHP论坛各个方面。

PhpQ.net - PHP资讯第一站点

匿名投稿 投稿指南 RSS订阅 PHP资讯

CSS调整行间距line-height

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

Tags:行间距   CSS兼容   CSS技巧  
责任编辑:kimi
关于我们 - PHP资讯 - 投稿指南 - 文章归档 - PHP教程
- -