关于display:inline-block问题总结

问题一：内联块之间会有一小段空白。

原因：两个有内联元素性质的div之间的空格

解决方式：

（1）不换行

（2）加注释<!---->

（3）取消标签闭合，但最后一个要加（兼容）

（4）给父容器加font-size:0，子元素另行设置

（5）父元素Letter-spacing：-3px，子元素letter-spacing:0

（6）父元素Word-spacing:-6px，子元素letter-spacing:0

（7）设置左边的margin为负值

问题二：当两个块的内容高度不相同时，两个块就会错位。

原因：所有的内联块都有一个默认的属性，vertical-align：baseline。baseline是块中内容的底线，而内容高度不同，因此它们会错位。

解决方式：设置vertical-align的属性值为top、middle和bottom中的一个。