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

【问题标题】：how to align anchor in div without using margin如何在不使用边距的情况下对齐 div 中的锚点
【发布时间】：2013-09-04 00:56:36
【问题描述】：

我正在处理 Newsletter 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>

【问题讨论】：

有人可以帮我吗:S ??? 2小时了还没有回复:(

标签： html alignment anchor center newsletter

【解决方案1】：

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

【讨论】：

【解决方案2】：

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

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

【讨论】：

您应该在包装表上使用align="center" <td>。您永远不需要在表格标签本身上对齐。在<td> 上使用时也不会产生额外的空间。