inline-block

inline-block会造成inline-box的baseline对齐,若inline-block中有内容,则baseline为最后一行文字的baseline,否则为margin下边缘,这会造成有内容文字的inline-block元素下沉。

inline-block_第1张图片

可以通过修改vertical-align来修复,默认为baseline对齐,修改为top或者bottom对其即可。

你可能感兴趣的:(inline-block)