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