请查看此处显示的图片之间的代码和差距: http://jsfiddle.net/uyVZj/2/
在Firefox / IE中,它会自动在每张图像之间产生5px的余量。 在Safari中,它在每个图像之间产生10px的余量。
如何控制这两种浏览器中图像之间的边距?
答案 0 :(得分:1)
您的问题是您的内联样式。 width: 166px
太长了。 http://jsfiddle.net/elclanrs/uyVZj/3/
答案 1 :(得分:1)
从年li
移除宽度,因为160px
&中的图片宽度您可以在li 166px
答案 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