日期:2014-05-17  浏览次数:20999 次

怎么去掉图片之间的缝隙?
HTML code
<DIV style="width:680px; height:81px;">
<UL>
<LI><A href="#"><img src="uploadfile/liucheng_01.gif" width="146" height="81"></A><A href="#"><img src="uploadfile/liucheng_02.gif" width="112" height="81"></A><img src="uploadfile/liucheng_03.gif" width="251" height="81"><img src="uploadfile/liucheng_04.gif" width="171" height="81"></LI>
</UL>
</DIV>


以上代码,怎么图片之间有缝隙,怎么去掉图片之间的缝隙?

------解决方案--------------------
现在看到大写标签就很头疼。
------解决方案--------------------
因为你没有重置标签的样式, *{margin:0;padding:0;} 这只所有的标签的内外间距都为0,就可以了,而且实际我们在做重构页面的时候在公用样式上都必须重置用到的所有标签的这个属性。
------解决方案--------------------
不推荐*{margin:0;padding:0;} 太耗资源
建议用到什么标签再写什么
这边是一些常见的IE6 bug
http://www.jqueryba.com/436.html
探讨

因为你没有重置标签的样式, *{margin:0;padding:0;} 这只所有的标签的内外间距都为0,就可以了,而且实际我们在做重构页面的时候在公用样式上都必须重置用到的所有标签的这个属性。

------解决方案--------------------
1.img{border:none;}
2.margin负值
3.font-size:0;letter-spacing:-3px;