HTML 表格嵌套 |对齐 - <td> 2 x 在同一行上



希望你能帮我解决这个问题,它可能非常简单,但我在嵌套方面很糟糕。

下面是简单的代码:

        <table border="0" cellpadding="0" cellspacing="0" width="600">
        <tr>
            <td width="600"><a href="#" target="_blank"></td>
        </tr>
        <tr>
        <td valign="top" align="center"></td>
        </tr>
        <tr>
        <td valign="top" align="center" bgcolor="#000000" colspan="2"><a href="#" target="_blank"><img src="#" width="9" height="11" border="0" alt="" style="display:block;"></a><font style="font-size: 12px" color="#ffffff" face="Arial, Helvetica, sans serif"><b><a href="#" target="_blank" style="text-decoration: none; color: #ffffff">LEAVE A REVIEW TO <font color="#ff9a11">WIN &pound;250</font> WORTH OF X VOUCHERS</a></b></font></td>
        </tr>
        </table>

如果您将其弹出到编辑器中或在浏览器中打开,我要做的就是将两个数据单元格放在同一行上,您会注意到有一个没有图像的图像是 9x11px 这是一个项目符号的图像,这应该让你知道我想做什么。然而,我尝试一切都是精神上的。

如果你能解释为什么会发生这种情况,那就太棒了,因为我正在学习电子邮件的 HTML(为我的工作发送电子邮件)

我删除了样式 - 显示:从项目符号图像中阻止。这种风格使图像以自己的line生活。

<table border="0" cellpadding="0" cellspacing="0" width="600">
        <tr>
            <td width="600"><a href="#" target="_blank"></td>
        </tr>
        <tr>
        <td valign="top" align="center"></td>
        </tr>
        <tr>
        <td valign="top" align="center" bgcolor="#000000" colspan="2"><a href="#" target="_blank"><img src="#" width="9" height="11" border="0" alt=""></a><font style="font-size: 12px" color="#ffffff" face="Arial, Helvetica, sans serif"><b><a href="#" target="_blank" style="text-decoration: none; color: #ffffff">LEAVE A REVIEW TO <font color="#ff9a11">WIN &pound;250</font> WORTH OF X VOUCHERS</a></b></font></td>
        </tr>
        </table>

也许这就是你要找的?

    <table border="0" cellpadding="0" cellspacing="0" width="600">
      <tr>
        <td>Column 1 of Row 1 </td>
        <td>Column 2 of Row 1</td>
      </tr>
      <tr>
        <td colspan="2">Only column in Row 2</td>
      </tr>
    </table>

您的问题是,当没有两列要跨越时,您有一个colspan为 2 的<td>。您的其他两列被分成两行,我在该代码中为您进行了调整。

编辑:我已经清理了表格代码,因为它是准系统,所以你可以更容易理解它

最新更新