希望你能帮我解决这个问题,它可能非常简单,但我在嵌套方面很糟糕。
下面是简单的代码:
<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 £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 £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>
。您的其他两列被分成两行,我在该代码中为您进行了调整。
编辑:我已经清理了表格代码,因为它是准系统,所以你可以更容易理解它