比如说有两个div,设置为inline-block。然后分别给二者设置宽高度。当div内有内容、无内容、一个又一个没有,那么对齐的形式就非常乱甚至怪异。
inline-block的本身是采用baseline对齐。
此处对两个块中都有内容,且大小不一进行解释:如果大小不一致,以占据空间最大的内容下划线处对齐。
所以在同一行内有不同高度内容的元素时,通常要设置对齐方式如vertical-align: top;来使元素顶部对齐。