我正在准备用于邮寄的电子邮件 html 文件。我正在使用 table、tr、td 标签。到目前为止，我的 html 的全部内容都放在一个表格中，包括其中一个单元格内的另一个小表格(见下图)。我希望整个表格始终显示在中心。我还希望小表格显示在单元格中间。外部表的宽度是固定的。 我尝试放入 CSS:
margin-left: auto;
margin-right: auto;
和
margin: 0px auto;
，所有这些我都在这里找到。预览看起来都不错，将文件上传到群发邮件系统后的预览也可以正常工作。但发送后，居中根本不显示(Gmail中也根本不显示内表，只显示内容)。所以我正在寻找最常见、最广泛使用的 html 属性，它很可能在每个浏览器/邮件客户端的中间显示表格。或者，获取有关类属性可能错误使用的建议。
我的整个部分:
<style>
table, th, td {
border-collapse: collapse;
font-family: Verdana, sant-serif;
}
th, td {
padding: 15px;
text-align: left;
}
.main {
width:1000px;
border: 5px solid #114889;
margin: 0px auto;
}
.inside {
width: 500px;
border: 1px dotted #0000CC;
background-color: #CCE5FF;
text-align: center;
font-size: 10px;
margin: 0px auto;
}
</style>
我不是该主题的专业人士，因此对于使用错误的术语深表歉意。
编辑:
在 Outlook 中显示。一切都很好，但左对齐:
在 Gmail 中显示。没有任何表格:
最佳答案
Outlook 仅适用于表格，因此您从这个 Angular 来处理它是正确的。但是，某些 Gmail 环境甚至不考虑嵌入的 CSS(<head> 部分中的 CSS)。您需要“内联”CSS ( https://www.campaignmonitor.com/resources/tools/css-inliner/ )。
要在 Outlook 中将表格居中，请使用 <table> 上的对齐属性像这样的元素:<table width="300" align="center"...> 。您可能还需要用 <center>...</center> 将其全部包裹起来，即使该标签已被弃用(是的，电子邮件就是这么旧!)。
您会发现一般情况下 Outlook 将支持这些属性 - 例如对于边框颜色，<td bgcolor="#abcdef"...> - 而其他人会支持内联样式，例如<td style="background-color:#abcdef"...> 。您应该同时使用两者，而不是依赖嵌入式 CSS。
如果您需要，我可以在发布受影响的 HTML 后进行更具体的更新。
关于HTML 电子邮件 CSS : Centering the table and table content, 最受支持的解决方案，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/63918269/