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

HTML Table TR TD 边距问题
一个表格TABLE,只有一个单元格TD,TD里是一张图片,为什么图片与TABLE的右边框和下边框之间有间隔?怎样才能无间隔???
HTML code
<TABLE width="200" border="1" cellpadding="0" cellspacing="0">
  <TR>
    <TD>
      <A href="test.html" target="_blank">
        <img src="a.jpg" border="0" width="200">
      </A>
    </TD>
  </TR>
</TABLE>


------解决方案--------------------
<TABLE width="200" border="1" cellpadding="0" cellspacing="0">
<TR>
<TD><A href="test.html" target="_blank"><img src="a.jpg" border="0" width="200"> </A></TD>
</TR>
</TABLE>
------解决方案--------------------
设置Table中的border=0 这样就看不到边框了也就不存在空隙了.

还有就是你把代码整理一下,也不会有空隙的.主要原因是你的代码之间有空格
<TABLE width="200" border="1" cellpadding="0" cellspacing="0" style="border-left:1px solid;border-top:1px solid;border-right:1px solid;border-bottom:1px solid;">
<TR>
<TD style="height:100%;width:100%;"><A href="test.html" target="_blank"><img onclick="" src="a.jpg" border="0" width="200"></A></TD>
</TR>
</TABLE>