大家都知道，如何設定文字垂直居中，也就是：設定line-height 和 外圍盒子的高度height一致；
其實這裡有個地方，是多餘的，也就是height，設不設定都居中；
那麼，行高是生產高度的？
答案是否定的，你可以試試，當你設定行高為line-height: 0; 的時候，div的高度還是0；事實證明，撐開div高度與其裡面文字的行高有關係；
先理解下，inline box模型，其中有個line boxes，它是看不到摸不著的東西，它的工作是包裹每行文字，它的屬性只有高度height，首先如果div沒有設定高度，則其高度是裡面乙個個line boxes的高度累加而成的；(垂直很多行文字)
但是當只有一行的情況下，line boxes會查詢裡面哪乙個的行高比較大，從而取其高度；如：取手下line-height最高的值
，此時line boxes取的行高是40px，從而div的高度為40px；(水平一行文字)
接下來，再補充乙個妙用，利用line-height和vertical屬性實現多行垂直水平居中的
父級包裹層設定，line-height 和 height相等和text-align: center，裡面的設定vertical-align:middle;這樣就可以實現了
行高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...
7 3 行高 line height屬性 2
7.3.3 行高的計算與繼承以em ex和百分比為單位的行高，其基數是元素本身的字型尺寸。例如有 如下 字高20px，行高2em。字高30px，行高2em。2個段落的行高都為2em，但是字型大小不同，因此顯示如圖7 23所示。圖7 23 行高的計算 行高可以設定得比字型高度小，此時多行的文字將疊加到...