CSS 初体验之Line-height

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了CSS 初体验之Line-height相关的知识,希望对你有一定的参考价值。

 

p{
line-height:20px;
}

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 时可以使用负值

以上是关于CSS 初体验之Line-height的主要内容,如果未能解决你的问题,请参考以下文章

CSS行高——line-height

CSS深入理解之line-height

前端基础面试之CSS图文样式line-height如何继承

前端基础面试之CSS图文样式line-height如何继承

理解css行高(line-height)

深入理解CSS行高line-height