text-align：center 水平居中，寫在父類元素中，作用於子類行內元素，讓其在父類元素中水平居中，如果子類元素是塊元素，也想水平居中，可加display：inline-block
vertical-align：center ，這個樣式屬性只能寫在讓子類行內元素中，父類也要是行內元素，作用就是讓子類行內元素在父類行內元素中垂直居中。該屬性定義行內元素的基線相對於該元素所在行的基線的垂直對齊。
基線只有內聯元素和內聯塊和內聯**才有，塊元素沒有基線，而vertical-align是乙個處理子元素基線和父元素基線的相對關係的樣式屬性
「內嵌**」的基線是**第一行的基線。 內嵌**就是display：table-cell
「內聯塊」的基線是正常流程中最後乙個線框的基線 內聯塊就是display：inline-block
內聯元素即是行內元素
line-height：xx px ，行高設定在父類元素（無論行元素還是快元素）中，使得子類元素（內聯元素或內聯塊）垂直居中
CSS水平和垂直居中
parent.son.parent son.parent1 transform 絕對定位，left50 向左平移 50 son2 margin left 絕對定位，left50 margin left 0.5 子元素寬度 注 此方法必須知道子元素寬度 son3 left right 0 son.pa...
CSS詳解水平和垂直居中
text align center margin 0 auto 設定父元素flex布局 display flex justify content center 1.子元素使用相同內邊距撐開父元素 padding top 30px padding bottom 30px 2.使高度和行高相等 字元本來...
CSS水平和垂直居中技術
行內元素的水平居中 text align center 在父元素中設定 塊級元素的水平居中 margin 0 auto 行內元素的垂直居中 line height 父元素的高度 在父元素中設定 vertical align middle 用於垂直對齊inline元素 例如將乙個icon與文字對齊。浮...