【发布时间】:2012-03-03 16:13:34
【问题描述】:
请查看此处显示的图像之间的代码和间隙: http://jsfiddle.net/uyVZj/2/
在 Firefox / IE 中,它会自动在每个图像之间留出 5px 的边距。 在 Safari 中,它会在每张图片之间留出 10px 的边距。
如何控制这两个浏览器中图像之间的边距?
【问题讨论】:
标签: html css cross-browser
请查看此处显示的图像之间的代码和间隙: http://jsfiddle.net/uyVZj/2/
在 Firefox / IE 中,它会自动在每个图像之间留出 5px 的边距。 在 Safari 中,它会在每张图片之间留出 10px 的边距。
如何控制这两个浏览器中图像之间的边距?
【问题讨论】:
标签: html css cross-browser
从li 中删除宽度,因为160px 中的图像宽度和您在li 166px 中定义的宽度
【讨论】:
你的问题是你的内联样式。 width: 166px 太长了。 http://jsfiddle.net/elclanrs/uyVZj/3/
【讨论】:
我怀疑问题可能在于您在渲染li 标签(显示、位置/左侧和浮动)时使用了多个CSS 机制来控制同一方面。尝试将其减少到一个(或更多,如有必要),看看是否会带来一些一致性。
看到这个jsFiddle
【讨论】:
试试这个小提琴http://jsfiddle.net/uyVZj/6/
I have removed the width from `li` tags and added style="display:block"
在锚标签上
【讨论】: