我正在使用大约4个表创建一个电子邮件表单。每个都要整体宽700px,所以它看起来一直向下齐平,但是靠近底部的一些桌子要么是在几个像素内,要么是几个像素。
我正在通过Mailchimp运行电子邮件表单,一旦我在Outlook中查看它,它看起来就变形了。
这是我希望700px但显示大约696px的表格之一:
<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;
}
答案 0 :(得分:0)
我建议您取消CSS并使用内联样式。
由于电子邮件客户端不能以一致的方式应用有关CSS的Web标准,因此最好将样式直接应用于元素。
以下是关于为什么不像在网络上那样使用CSS的一些有用的解释。