用 font-size:0来清除inline-block元素之间的间距

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


猜你喜欢

转载自blog.csdn.net/webfront/article/details/80262459