我在一台虚拟主机上的站点上有一张桌子,看起来不错,现在我移到了另一台主机上,桌子已经搞砸了

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; }

07-24 09:49
查看更多