7.3.3 行高的計算與繼承以em、ex和百分比為單位的行高，其基數是元素本身的字型尺寸。例如有**如下：
字高20px，行高2em。
字高30px，行高2em。
2個段落的行高都為2em，但是字型大小不同，因此顯示如圖7-23所示。
圖7-23 行高的計算 行高可以設定得比字型高度小，此時多行的文字將疊加到一起，例如有如下**，其顯示如圖7-24所示。
p 字高20px，行高10px。此時多行的文字將疊加到一起。
圖7-24 比字型高度小的行高 行高是可繼承的，但是繼承的是計算值，例如有如下**：
p p span 字高20px。字高30px。
元素的行高2em，字型尺寸為20px，因此計算值為40px，雖然元素本身的字型尺寸為30px，不過其繼承的行高仍為40px。但是在不同的瀏覽器內顯示的效果卻不盡相同，如圖7-25所示。
圖7-25 行高的不同表現 由於繼承的是計算值，因此當元素內的文字字型尺寸不一樣的時候，如果設定固定的行高很可能造成字型的重疊，例如有如下**，其顯示如圖7-26所示。
p p span 字高20px，行高1em，當文字為多行時可能會發生文字重疊的想象。字高30px。
圖7-26行高繼承造成文字疊加 為了避免這種情況，可以為每個元素單獨定義行高，但是這樣很煩瑣，因此可以定義乙個沒有單位的實數值作為縮放因子來統一控制行高，縮放因子是直接繼承的，而不是繼承計算值。例如修改上例中的行高為：
p 則上例中的xhtml**顯示如圖7-27所示。
圖7-27縮放因子對行高的影響 當內容中含有的時候，如果的高度大於行高，則含有行的行框將被撐開到的高度，如圖7-28所示。
圖7-28 含有的行
行高line height，元素居中
元素居中的css寫法 margin 0 auto 水平居中 flex 布局 上下垂直居中 position為absolute的時候使用left和top50 然後再設定margin top，margin left值設為自己寬高的一半的負值。這樣也可以始終是乙個元素上下垂直居中顯示。或者是 transf...
CSS行高line height的理解
一 行高的字面意思 行高 顧名思義指一行文子的高度。具體來說是指兩行文子間基線間的距離。基線是在英文本母中用到的乙個概念，我們剛學英語的時候使用到的那個英語本子每行有4條線，其中底部第二條線就是基線，是a,c,z,x等字母的地邊線。頂線 top line 中線 middle line 基線 base...
深入理解css行高line height
行高是相鄰兩行文字基線之間的垂直距離。看清楚是基線，估計有很多前端搞了幾年的都說不出個所以然。小時候我們寫英文26個英文本母的單詞本 隨便找個圖 一行裡面有四條線，在css中乙個行內非替換元素 例如span，em等 其內容區都會存在四條假想的線，分別是底線 bottom 基線 baseline 中線...