关于font-size对垂直居中影响的问题

背景:三个inline-block元素,其中两个内容为空,另外一个包含文字,设置文字的font-size之后,原本垂直居中的三个inline-block的元素,会变的不再垂直居中。

原因: 当设置了font-size之后,改变了元素排列的基线。

垂直方向的默认基线是是baseline。当文字设置font-size之后,会将inline-block元素的默认基线设置为文字的base-line,从而导致排列的问题。

posted @ 2013-10-15 21:35  charling  阅读(2780)  评论(0编辑  收藏  举报