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