vertical-align

解决inline-block无法对齐

当两个子元素都使用 display:inline-block 时，会出现无法和其他元素对齐在同一水平线上的问题。因为两个并列的 inline-block 默认是基线对齐的，可通过设置vertical-align 解决该问题。

<div>
    <div style="display:inline-block"></div>
    <div style="display:inline-block; vertical-align:center"></div>
</div>