Question

网页图片之间有间隙

我在修改的时候 网页 图片 与 图片之前有个很小的空隙 想问下 如何才可以去掉?
源码如下:<table width="236" border="0" cellspacing="0" cellpadding="0">
<tr></tr>
<tr>
<td style="border: 1px solid #999999;"><div align="center">
<div align="center">
<div align="center">
<p><img src="../index_files/01.jpg" alt="1" width="190" height="330" /> <img src="../index_files/02.jpg" alt="2" width="190" height="98" />
<img src="../index_files/03.jpg" alt="3" width="190" height="99" />
<img src="../index_files/04.jpg" alt="4" width="190" height="177" />
<img src="../index_files/05.jpg" alt="5" width="190" height="152" />
<img src="../index_files/06.gif" alt="6" width="200" height="550" /></p>
</div>
</tr>
</table>
补充一下: 这是.asp 文件 我在DW 后台修改的时候 图片之间都没有任何空隙的.但是保存后看下 网页 之间就有很小的一个空隙 如何去掉呢? 怎样达到没有任何空隙的目的呢? 请哥哥姐姐们给个方法 谢谢了!!

Answer 1

网页图片之间有空隙的解决办法
一个页面中图片与图片之间出现水平空隙，效果如图
代码部分如下：
<table width="980" border="0" cellpadding="0" cellspacing="0"> <tr> <td> <img src="images/top.jpg" width="980" height="90" border="0" usemap="#Map" /> </td> </tr> </table> <map name="Map" id="Map"> <area shape="rect" coords="706,39,742,57" target="main" /> <area shape="rect" coords="791,44,827,61" /> <area shape="rect" coords="875,48,910,66" /> </map> <table width="980" border="0" cellpadding="0" cellspacing="0"> <tr> <td> <img src="images/top_2.jpg" width="980" height="68" border="0" /> </td> </tr> </table>
第二，<td$amp;>amp;$lt;img>之间没有任何字符，以及在<img>标签加上 align="bottom"属性的写法，还是不行。最后解决的方法是在<head$amp;>amp;$lt;/head>之间插入img的css
代码如下：
/*设定图片样式，垂直对齐，解决了图片图片之间含有空隙的情况 2011.07.27 added by Lee.will*/ img { vertical-align: bottom }

Answer 2

不知道你样式是怎么写的，你把img标签的margin和padding 设置为0，然后加个float：left;浮动属性试试。

Answer 3

你不要把图片放在一个单元格中，每个单元格放一张图片，可能那样效果会好点！

Answer 4

把img加display inline-block

Answer 5

在main中添加：
padding:0;
或可解决