inline-block元素巨坑

inline-block元素带有文本属性宽高属性，但是，绝对不是块级元素，在使用inline-block,一旦发现排列问题，第一要想到的是他的文本属性导致的，因为文本有字号和行高，会改变这一行的基线位置 解决办法： font-size = 0 字号为0，基线和其他的线重合，字体高度为0 vertical-align: top; 改变对齐方式 使用float 脱离文档流 ，成为blcok,失去文本特

>>阅读原文<<