line-height屬性的細節
與大多數css屬性不同，line-height支援屬性值設定為無單位的數字。有無單位在子元素繼承屬性時有微妙的不同。
語法line-height: normal | | |
normal 根據瀏覽器決定，一般為1.2。
number 僅指定數字時（無單位），實際行距為字型大小乘以該數字得出的結果。可以理解為乙個係數，子元素僅繼承該係數，子元素的真正行距是分別與自身元素字型大小相乘的計算結果。大多數情況下推薦使用，可以避免一些意外的繼承問題。
length 具體的長度，如px/em等。
percentage 百分比，100%與1em相同。
有單位（包括百分比）與無單位之間的區別有單位時，子元素繼承了父元素計算得出的行距；無單位時繼承了係數，子元素會分別計算各自行距（推薦使用）。
line height 最好不帶單位
7.3.3 行高的計算與繼承 以em ex和百分比為單位的行高，其基數是元素本身的字型尺寸。例如有 如下 字高20px，行高2em。字高30px，行高2em。2個段落的行高都為2em，但是字型大小不同，因此顯示如圖7 23所示。圖7 23 行高的計算 行高可以設定得比字型高度小，此時多行的文字將疊加...
無單位數字line height
首先我們來了解一下line height的單位有哪些 1.normal 2.inherit 3.number 4.number px em rem 5.line height屬性最特別的地方在於可以支援帶單位的值，也可以支援不帶單位的值，那這兩種直接有什麼區別呢？我們先看下面的例子 知道了無單位數字...
使用不帶單位的line height
line height是可以繼承的，所以子元素可以不用重複定義line height。我們一般也會在後面帶上單位 如 line height 22px 或是line height 1.4em 但line height給人帶來麻煩的地方也是這個繼承和後面加的單位。有的時候，我們為了實現單行文字的垂直居...