读书人

HTML Table TR TD 边距有关问题

发布时间: 2012-03-19 22:03:05 作者: rapoo

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>

读书人网 >CSS

热点推荐