背景：三個inline-block元素，其中兩個內(nèi)容為空，另外一個包含文字，設(shè)置文字的font-size之后，原本垂直居中的三個inline-block的元素，會變的不再垂直居中。

原因： 當(dāng)設(shè)置了font-size之后，改變了元素排列的基線。

垂直方向的默認(rèn)基線是是baseline。當(dāng)文字設(shè)置font-size之后，會將inline-block元素的默認(rèn)基線設(shè)置為文字的base-line，從而導(dǎo)致排列的問題。

轉(zhuǎn)載于:https://www.cnblogs.com/charling/p/3371060.html

總結(jié)

以上是生活随笔為你收集整理的关于font-size对垂直居中影响的问题的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。