如何解决inline-block替代float:left出现的宽度变化？

Question

采用inline-block取代float:left;进行布局时，在所有宽度精确计算的情况下，inline-block会把最后一个部分挤下去，怎么解决这个问题？

Answer 1

inline-block换行多出来的宽度是把 换行符 也作为文本节点的一部分了。

解决办法是定义你要inline-block的元素的父元素的font-size:0即可解决，如果inline-block元素本身也有文本的话，在单独定义inline-block元素的font-size即可

当然，还有一个办法，就是让inline-block元素之间紧挨着，不要有空格和换行，但是这个方法不可靠，不建议你使用。

Answer 2

你的代码不要换行不就好了  在他是inline-block的时候。。。

Answer 3

你是不是代码换行了  inline-block的话 你代码换行会多出4PX的宽度