Firefox Bug: inline/inline-block的间隙采用代码缩进可解决

ttx9n · 发表于 2012-12-12 17:26:01

inline/inline-block这个 bug 也存在于 IE8 下，在 IE6 和 IE7 下正常,要解决这个 bug，貌似目前没有什么好的方法，只能改变代码的缩进，把换行去掉，整个代码写入一行,需要的朋友可以参考下首先要说明的是，这个标题有点标题党的意思，这个 bug 也存在于 IE8 下，在 IE6 和 IE7 下正常。之前写过两篇关于 IE bug 的文章，这里特意用了 Firefox bug 作为标题，是为了给自己找点心里安慰，省得总是埋怨 IE :)。

关于 inline-block，可以参考之前的一篇文章跨浏览器的inline-block
这个 bug 是“痛在远方”同学碰到的，确实很诡异啊，貌似对标准支持越好的浏览器才会有这个问题。本文来自前端观察，转载请以链接形式注明出处。
如下图：

在 Firefox 下，inline/inline-block 的元素直接会有莫名的几像素(貌似是6px)的空隙。这个 bug 比较难发现，因为为了美观，一般的这种设计，inline/inline-block 的元素直接都会有一定的间距，再加上目前的浏览器对 inline-block 这个属性的支持并不是很好，这个属性应用的也不是很频繁。由跨浏览器的inline-block来看，要对浏览器做不少hack，代码量以及方便性上不如直接使用浮动。因此这个 bug 的影响其实不大。

要解决这个 bug，貌似目前没有什么好的方法，只能改变代码的缩进，把换行去掉，整个代码写入一行。

a75620618 · 发表于 2022-8-11 08:58:33

天天源码社区论坛

do827261756 · 发表于 2022-10-18 23:10:17

先把创新班才能下班才能下班

gc4hg · 发表于 2023-1-6 06:47:36

啪啪啪生怕PSP怕

nwk53kbd · 发表于 2023-5-20 01:04:08

好东西可以可以可以可以

回复用户5 · 发表于 2023-7-13 03:24:38

来看看！！！

z835648964 · 发表于 2023-8-11 12:33:22

抽根烟，下来看看再说

a75620618 · 发表于 2023-9-1 21:27:15

来看看！！！

wxrf98xr · 发表于 2023-9-19 07:56:56

天天源码社区。。。。

ppwxcg · 发表于 2023-12-9 21:14:57

554411515451555

账号		自动登录	找回密码
密码			立即注册

[CSS] Firefox Bug: inline/inline-block的间隙采用代码缩进可解决

相关帖子