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

表格布局问题
最近布局发现如果用表格布局,边距都会空出一点,如下图所示

这个是没有用表格布局,最原始的状态

这个是用表格布局后的状态,上面总会空出一点点距离,而且我已经设置了margin:0px; padding:0px;

代码也很简单

<table style="margin:0px; padding:0px;">
<tr>
 <td><img src="add.png"/></td>
</tr>
</table>
而且图片我也设置了margin:0px; padding:0px,现在我想用表格布局,并且去除那个小边距,怎么弄??

------解决方案--------------------
table { border-collapse: collapse; border-spacing: 0; }
------解决方案--------------------
楼上正解,这东西用了就会有一些差距。就跟你使用不同的字体,像素不一样差不多
------解决方案--------------------
td 有没有 margin:0;padding:0;?
------解决方案--------------------
对,border要不为0要不合并他默认的空隙……