我正在使用大约 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"> </td>
</tr>
<tr>
<th height="39" bgcolor="#efefef" scope="row"> </th>
<td bgcolor="#efefef"> </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;
}