inline-block的元素之间会受空白区域的影响,也就是元素之间差不多会有一个字符的间隙。如果在同一行内有4个25%相同宽度的元素,会导致最后一个元素掉下来(如图)。你可以利用元素浮动 float,或者压缩html,清除元素间的空格来解决。但最简单有效的方法还是设置父元素的 font-size属性为 0。

本文探讨了使用inline-block布局时元素间出现的间隙问题,并提供了解决方案,包括使用浮动、压缩HTML以及设置父元素的font-size属性。
inline-block的元素之间会受空白区域的影响,也就是元素之间差不多会有一个字符的间隙。如果在同一行内有4个25%相同宽度的元素,会导致最后一个元素掉下来(如图)。你可以利用元素浮动 float,或者压缩html,清除元素间的空格来解决。但最简单有效的方法还是设置父元素的 font-size属性为 0。


被折叠的 条评论
为什么被折叠?