首页 >web前端 >html教程 >怎么去掉图片之间的缝隙?_html/css_WEB-ITnose

怎么去掉图片之间的缝隙?_html/css_WEB-ITnose

WBOY
WBOY原创
2016-06-24 12:14:022149浏览

<DIV style="width:680px; height:81px;"><UL><LI><A href="#"><img  src="uploadfile/liucheng_01.gif"    style="max-width:90%"  style="max-width:90%" alt="怎么去掉图片之间的缝隙?_html/css_WEB-ITnose" ></A><A href="#"><img  src="uploadfile/liucheng_02.gif"    style="max-width:90%"  style="max-width:90%" alt="怎么去掉图片之间的缝隙?_html/css_WEB-ITnose" ></A><img  src="uploadfile/liucheng_03.gif"    style="max-width:90%"  style="max-width:90%" alt="怎么去掉图片之间的缝隙?_html/css_WEB-ITnose" ><img  src="uploadfile/liucheng_04.gif"    style="max-width:90%"  style="max-width:90%" alt="怎么去掉图片之间的缝隙?_html/css_WEB-ITnose" ></LI></UL></DIV>


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


回复讨论(解决方案)

改一下:

<DIV style="width:680px; height:81px;"><UL><LI><A href="#"><img  src="uploadfile/liucheng_01.gif"    style="max-width:90%"  style="max-width:90%" border=0 alt="怎么去掉图片之间的缝隙?_html/css_WEB-ITnose" ></A><A href="#"><img  src="uploadfile/liucheng_02.gif"    style="max-width:90%"  style="max-width:90%" border=0 alt="怎么去掉图片之间的缝隙?_html/css_WEB-ITnose" ></A><img  src="uploadfile/liucheng_03.gif"    style="max-width:90%"  style="max-width:90%" alt="怎么去掉图片之间的缝隙?_html/css_WEB-ITnose" ><img  src="uploadfile/liucheng_04.gif"    style="max-width:90%"  style="max-width:90%" alt="怎么去掉图片之间的缝隙?_html/css_WEB-ITnose" ></LI></UL></DIV>

现在看到大写标签就很头疼。

现在看到大写标签就很头疼。
+1,不推荐TAG大写。

因为你没有重置标签的样式, *{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;

看到大写标签就很头疼

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

支持

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn