line-height 详解
作用
设置行高
line-height 可设置的值
- normal: line-height: normal
- inherit: line-height: inherit
- 百分比: line-height: 150%
- 带单位(如:px,em,rem 等)的值: line-height:1.5em
- 纯数字: line-height: 1.5
normal(是 line-height 的默认值)
取决于用户端。桌面浏览器(包括 Firefox)使用默认值,约为 1.2,这取决于元素的 font-family。 如果不设置那 line-height 的默认值就是 normal
inherit
继承父元素的 line-height
纯数字
该属性的应用值是这个无单位数字<数字>乘以该元素的字体大小。计算值与指定值相同。大多数情况下,这是设置 line-height 的推荐方法,不会在继承时产生不确定的结果。
有以下几种情况
父元素指定了 font-size 和 lien-height, 子元素设置了 font-size 未设置 line-height
父元素指定了 font-size 和 lien-height, 子元素设置了 font-size 未设置 line-height 为 inherit
带单位(如:px,em,rem 等)的值
设置一个具体的 line-height