一、line-height
line-height屬性用於設置行間的距離（行高），例如文本。對於塊級元素來說，它指定元素中線框的最小高度，對於未被替換的內聯元素來說，line-height沒有影響，如button或者其他input元素。（原文未提到，對於部分替代元素，line-height依然可以影響元素的樣式布局）。
行間距的尺寸分配一般是line-height與font-size的計算值只差氛圍兩半，分別加到一個文本行內容的頂部和底部，可以包含這些內容（文本+文本頂部+文本底部）的最小框就是行框（line-box）
二、可能有的值
1.normol---默認值，設置合理的行間距（可自動調整行間距）
2.number---設置數字，此數字會與當前的字體尺寸相乘來設置行間距（這個可實現行間距永遠等比例適應字體高度）
3.length---設置固定的行間距（將行間距設置為固定尺寸，無法隨字體高度變化而變化，單位可以是px，em）
4.%---基於當前字體尺寸的百分比行間距（與字體高度等比例調整行間距）
5.inhert---規定應該從父元素繼承line-height屬性的值。
備注：行間距自動適應行高的方式，最好用的是采用number數值的方式
三、line-height的作用
首先，設置了line-height的行框line-box，具有的特性：
垂直居中：由定義可知，line-height是通過line-box行框來體現，line-box所包含的內容應為“文本+文本頂部+文本底部”，其中，文本頂部和文本地鼠是line-height與font-size差值得一半，所以，line-box與文本共用中基線，這也就是行高的垂直居中性。
import！
單行文字的垂直居中對齊，將line-height屬性設置為所需要的行框高度，即line-height=height
多行文字的垂直居中對齊，若容器高度已知，也可直接通過設置上下padding相等就可以，但是當容器高度未知時，需要借助line-height來實現。需要將行框內的多行文本轉化為內聯元素，（設置display:inline-height），然后再單獨設置內聯元素的行間距，整個內聯元素就在行框內垂直居中對齊了。
備注：通過line-height設置文本垂直對齊，如果設置元素垂直對齊，需使用vertical-align:middle
四、line-height:1.5 與150%的區別
150%時會根據父元素的字體大小先計算出行高然后再讓子元素繼承，而1.5是根據子元素的字體大小動態計算出行高值讓子元素繼承