資訊專(zhuān)欄INFORMATION COLUMN
摘要：但是使用時(shí)有很多坑，需要注意。注意點(diǎn)以和百分比為單位的行高，其基數(shù)是元素本身的字體尺寸。多行文字垂直居中需要注意將設(shè)為才會(huì)垂直居中，僅對(duì)內(nèi)聯(lián)元素有效，塊級(jí)元素?zé)o效。參考文檔行高的一些深入理解及應(yīng)用屬性
line-height 用來(lái)設(shè)置行間的距離（行高），最為人熟悉的是可以用在垂直居中上，非常簡(jiǎn)單。但是使用時(shí)有很多坑，需要注意。p.s通常這些坑會(huì)出現(xiàn)在面試題目中:)
基本屬性normal：默認(rèn)，設(shè)置合理的行間距，瀏覽器默認(rèn)值1.0-1.2。
number：設(shè)置數(shù)字，此數(shù)字會(huì)與當(dāng)前的字體尺寸相乘來(lái)設(shè)置行間距?？s放因子，直接繼承，而不是繼承計(jì)算值。
length：設(shè)置固定具體的行間距。
%：基于當(dāng)前字體尺寸的百分比行間距。繼承的是計(jì)算值，而非屬性值。
inherit：規(guī)定應(yīng)該從父元素繼承 line-height.屬性的值。（IE不支持）。
注意點(diǎn)以em、ex和百分比%為單位的行高，其基數(shù)是元素本身的字體尺寸。繼承的都是計(jì)算值，而非屬性值。
123456
字符“456”的行高會(huì)與“123”一致為21px,會(huì)導(dǎo)致重疊。
為避免上述情況則可以設(shè)置采用固定數(shù)字（縮放因子）來(lái)避免，縮放因子直接繼承。
123456
字符“456”的行高為60px,“123”的行高為21px。
在垂直居中中的運(yùn)用 1. 單行文字垂直居中Line-height值與height高度設(shè)為一致即可。適用于列表項(xiàng)，圖片按鈕項(xiàng)。
2. 多行文字垂直居中需要注意將vertical-align設(shè)為middle才會(huì)垂直居中，僅對(duì)內(nèi)聯(lián)元素有效，塊級(jí)元素?zé)o效。
```3. 圖文混排時(shí)垂直居中123.```
123
IE6-7使用該方法時(shí)，圖片無(wú)法居中。需要hack，方法如下：
