元素居中的css寫法：
margin: 0 auto；水平居中
flex 布局：上下垂直居中
position為absolute的時候使用left和top50%,然後再設定margin-top，margin-left值設為自己寬高的一半的負值。這樣也可以始終是乙個元素上下垂直居中顯示。
或者是：transform: translate(-50%,-50%); 把元素從上和左移元素寬高的50%。
text-align：文字，內聯（inline，inline-block）元素水平居中顯示
padding-top，padding-bottom設定固定，內容來撐開元素，可以使元素垂直居中。
絕對定位子元素在父元素的居中：
子元素樣式：
margin: auto;
left: 0;
right: 0;
bottom: 0;
top:0;
英文行高：但是在英文的世界裡面，行高指的是每兩行基線之間的距離。
學英語的時使用的那個英語本子每行有四條線，其中底部第二條線就是基線，vertical-align中有top,middle,baseline,bottom與之是由關聯的。所以vertical-align一般和line-height一起使用
如果乙個標籤沒有定義height屬性，那麼其最終表現的高度一定是由line-height起作用。
撐開div高度的不是文字的高度，而是line-height的高度。在一行文字裡面，文字預設是居中顯示的，所以一般把行的高度設定為同盒子的高度一樣來實現文字的居中。
長度不固定的文字的上下居中使用padding-top和padding-bottom
高度不一致的的上下居中，使用line-height設定乙個的最大高度後再使用vertical-align: middle
7 3 行高 line height屬性 2
7.3.3 行高的計算與繼承以em ex和百分比為單位的行高，其基數是元素本身的字型尺寸。例如有 如下 字高20px，行高2em。字高30px，行高2em。2個段落的行高都為2em，但是字型大小不同，因此顯示如圖7 23所示。圖7 23 行高的計算 行高可以設定得比字型高度小，此時多行的文字將疊加到...
CSS行高line height的理解
一 行高的字面意思 行高 顧名思義指一行文子的高度。具體來說是指兩行文子間基線間的距離。基線是在英文本母中用到的乙個概念，我們剛學英語的時候使用到的那個英語本子每行有4條線，其中底部第二條線就是基線，是a,c,z,x等字母的地邊線。頂線 top line 中線 middle line 基線 base...
深入理解css行高line height
行高是相鄰兩行文字基線之間的垂直距離。看清楚是基線，估計有很多前端搞了幾年的都說不出個所以然。小時候我們寫英文26個英文本母的單詞本 隨便找個圖 一行裡面有四條線，在css中乙個行內非替換元素 例如span，em等 其內容區都會存在四條假想的線，分別是底線 bottom 基線 baseline 中線...