我在一台虚拟主机上的站点上有一张桌子,看起来不错,现在我移到了另一台主机上,桌子已经搞砸了
HTML:
<div class="right">
<table>
<tbody>
<tr>
<tdcolspan="3">
<img alt="" src="../App_Themes/image1.png">
</td>
</tr>
<tr>
<td>
<img alt="" src="../App_Themes/image2.png">
</td>
<td>
<iframe class="iframe" scrolling="no" frameborder="0" allowtransparency="yes" src="site.com">
Your browser does not support iframes
</iframe>
</td>
<td>
<img alt="" src="../App_Themes/image3.png">
</td>
</tr>
<tr>
<td colspan="3">
<img alt="" src="../App_Themes/image4.png">
</td>
</tr>
</tbody>
</table>
</div>
发生的是,行之间存在(大约)2px的间隙,我不明白为什么,我尝试使用以下CSS但没有运气:
.right tr td {padding: 0; margin:0px;}
.right tr {border-spacing: 0px; padding:0px; margin:0px;}
图像在iframe周围形成边框,图像1位于2和3上方2px,图像4位于图像2和3下方2px。
这样简单的事情怎么会因为我搬到另一个主机而中断呢?
最佳答案
尝试将其添加到您的CSS中:
table { border-collapse: collapse; }