1

我正在使用大约 4 个表格创建一个电子邮件表单。每个表格的整体宽度为 700 像素,因此它看起来一直向下齐平,但底部附近的一些表格要么进出几个像素,要么进出几个像素。

我正在通过 Mailchimp 运行电子邮件表单,只有在 Outlook 中查看它时它才会看起来变形。

这是我想要 700 像素但显示为大约 696 像素的表格之一:

<table width="700px" border="0" cellspacing="0">
<tr>
<th width="16" bgcolor="#efefef" scope="row"></th>
<td width="664" rowspan="2" align="left" valign="middle" bgcolor="#efefef">
<font size="2">TEXT TEXT TEX</font></td>
<td width="14" bgcolor="#efefef">&nbsp;</td>
</tr>
<tr>
<th height="39" bgcolor="#efefef" scope="row">&nbsp;</th>
<td bgcolor="#efefef">&nbsp;</td>
</tr>
</table>

这是我的 CSS(但我看不出这是问题所在):

body,td,th {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
}
h2 {
color: #f16b20;
font-size: large;
}
body {
margin-left: 0px;
margin-top: 0px;
}
h3 {
font-size: 12px;
}
a:link {
color: #f16b20;
}
a:visited {
color: #f16b20;
}
a:hover {
color: #993300;
}
a:active {
color: #f16b20;
}
4

1 回答 1

0

我建议您取消 CSS 并使用内联样式。

由于电子邮件客户端不会以一致的方式应用有关 CSS 的 Web 标准,因此最好将样式直接应用于元素。

这里有一些有用的解释,说明为什么不像在 Web 上那样使用 CSS。

HTML 电子邮件:表格还是 div?

Outlook 中的 HTML 电子邮件

于 2013-07-25T13:36:53.433 回答