无法删除对象之间的间距

时间:2012-03-03 07:56:23

标签: html css cross-browser

请查看此处显示的图片之间的代码和差距: http://jsfiddle.net/uyVZj/2/

在Firefox / IE中,它会自动在每张图像之间产生5px的余量。 在Safari中,它在每个图像之间产生10px的余量。

如何控制这两种浏览器中图像之间的边距?

4 个答案:

答案 0 :(得分:1)

您的问题是您的内联样式。 width: 166px太长了。 http://jsfiddle.net/elclanrs/uyVZj/3/

答案 1 :(得分:1)

从年li移除宽度,因为160px&中的图片宽度您可以在li 166px

中定义宽度

检查http://jsfiddle.net/uyVZj/5/

答案 2 :(得分:0)

我怀疑问题可能在于您在渲染li标签(显示,位置/左侧和浮动)时使用多个CSS机制来控制相同的方面。尝试将其减少到一个(或者更多,如果需要),看看是否带来一定的一致性。

请参阅此jsFiddle

答案 3 :(得分:0)

试试这个小提琴http://jsfiddle.net/uyVZj/6/

I have removed the width from `li` tags and added style="display:block"

on anchor tags