两个高度不同的行内元素如何垂直居中对齐

Posted on 2017-09-11 11:42  Magin  阅读(709)  评论(0)  编辑  收藏  举报

example

<p>
<span style='font-size:24px'>哈哈1</span>
<span style='font-size:12px'>哈哈2</span>
</p>

以上两个span中的‘哈哈’会根据baseline对齐

 

如果需要两个哈哈居中对齐，则只需给两个span都加上

vertical-align:middle即可