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

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

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

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

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