Maison > interface Web > tutoriel HTML > 怎么去掉图片之间的缝隙?_html/css_WEB-ITnose

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

WBOY
Libérer: 2016-06-24 12:14:02
original
2136 Les gens l'ont consulté

<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>
Copier après la connexion


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


回复讨论(解决方案)

改一下:

<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>
Copier après la connexion

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

现在看到大写标签就很头疼。
+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,就可以了,而且实际我们在做重构页面的时候在公用样式上都必须重置用到的所有标签的这个属性。

支持

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal