【问题标题】:fighting with user agent stylesheet css与用户代理样式表 css 战斗
【发布时间】:2012-12-21 12:26:41
【问题描述】:

图像之间的间距有问题。 我已经尝试了所有方法,但在 firefox/opera 中工作完美,但 chrome 和 IE 在图片之间添加了空间。

所以我什至删除了所有的 CSS,这不起作用。

我尝试为我在谷歌上找到的 chrome 添加删除 css,但这也无济于事

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

【问题讨论】:

  • CSS/DOM 检查器的屏幕截图不能替代问题的实际演示(我可以有 jsfiddle 吗?)。

标签: css google-chrome stylesheet user-agent


【解决方案1】:

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

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

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

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

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

【讨论】:

    【解决方案2】:

    这可能与内联对象的渲染方式有关。尝试将所有图像放在标记中的同一行。

    【讨论】:

    • 好吧,试试 float: left 在图片上。您可能需要明确:在图像之后留下的对象。如果这不起作用,请将您的工作放在 JSFiddle
    猜你喜欢
    • 2016-01-10
    • 2015-09-27
    • 2011-09-08
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-02-22
    相关资源
    最近更新 更多