Question

我正在处理时事通讯HTML，我不能给中心对齐div的余量。如何将按钮对准div的中心。这是简单的代码

<table border="0" cellpadding="0" cellspacing="0" width="600">  
<tr>
<td>  

<div style="text-align:center;">
<a href="#" style="display:block; width:150px; text-decoration:none; font-weight:bold; color:#fff; background:#c72622; font-size:20px; border-radius:7px; -webkit-border-radius:7px; padding-top:10px; padding-bottom:10px;">
Buy Now
</a>
</div>

</td>
</tr>
</table>

Answer 1

将align="center"添加到您的包含表格单元格中。这是在HTML电子邮件中居中对齐的最佳方式。

Answer 2

避开所有填充和边距，它们在很多客户端中得到了很好/错误的支持。使用大量嵌套表格和<tr> <td height="1234" align="center/left/right">代替。尽可能避免使用<table align="center/left/right">属性，因为outlook会生成额外的空格。我使用<table align="center">作为我的包装表。

对于垂直对齐，请使用valign和<td>的{{1}}属性。如果行中的另一个<tr>的图像具有您要垂直对齐的高度，则效果最佳。

如何在不使用边距的情况下在div中对齐锚点

2 个答案: