与用户代理样式表css战斗

时间:2012-12-21 12:26:41

标签: css google-chrome stylesheet user-agent

我的图像间距有问题。 我已经尝试了一切,但在firefox / opera工作中完美无缺,但Chrome和IE在图片之间增加了空间。

所以我甚至删除了所有不起作用的CSS。

我试图为我在谷歌上发现的chrome添加删除css,这也无济于事

我添加了图片,所以你可以看到那里发生了什么。有什么想法吗?

enter image description here

2 个答案:

答案 0 :(得分:4)

图像之间的不需要的间距通常是由空格(换行符,制表符,空格等)引起的。有很多方法可以解决这个问题,我个人最喜欢的是评论空格,以便我的格式保持原状:

<img /><!--
--><img />

在此处查看更多技巧:http://css-tricks.com/fighting-the-space-between-inline-block-elements/

border-spacing从表中继承的div属性不应该在图像元素上应用,因为它只适用于表现为表格的元素。

https://developer.mozilla.org/en-US/docs/CSS/border-spacing

答案 1 :(得分:0)

这可能与内联对象的呈现方式有关。尝试将图像全部放在标记的同一行。