大片密密麻麻的文字往往会让人觉得乏味，因此适当地调整行高（line-height）可以减低阅读的困难与枯燥，并且使页面显得美观。行高指的是文本行的基线间的距离，但是文本之间的空白距离不仅仅是行高决定的，同时也受字号的影响。行高指的是文本行的基线间的距离。而基线（Base line），指的是一行字横排时下沿的基础线，基线并不是汉字的下端沿，而是英文字母x的下端沿，同时还有文字的顶线（Top line）、中线（Middle line）和底线（Bottom line），用以确定文字行的位置。

定义

说明

示例

注意

定义

line-height版本：CSS1　兼容性：IE4+ NS4+　继承性：有语法：

line-height : normal | length

参数：

normal : 默认行高

length : 百分比数字 | 由浮点数字和单位标识符组成的长度值，允许为负值。其百分比取值是基于字体的高度尺寸。请参阅长度单位

说明

检索或设置对象的行高。即字体最底端与字体内部顶端之间的距离。

如行内包含多个对象，则应用最大行高。此时行高不可为负值。

对应的脚本特性为lineHeight。请参阅我编写的其他书目。

示例

div {line-height:6px; }

div {line-height:10.5; }

注意

1.用line-height只对文字起作用 对于图片时失效

2.用dreamweaver 可以看到即时的line-height 的效果

3.该值不能使用负值，使用了也无效的

需要注意的是,在各浏览器下对于line-height的解决也是有细微的区别的,上下会有1px的差别,如果行高是偶数的话,大部分浏览器解释还是比较正常,如果是奇数的话,有些浏览器会上比下多1px,而另一些浏览器会下比上多1px,对于有些要求比较严格的网站,建议行高设计时用偶数