use*_*094 20 html css html-email
<table cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td width="20"> <img height="12" alt="" src="/CmpImg/2010/22677/924228_immunotec_bullet.gif" width="12"></td>
<td valign="top"><span style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; COLOR: rgb(0,0,0); LINE-HEIGHT: 16px; PADDING-TOP: 0px; FONT-FAMILY: Arial; TEXT-ALIGN: left">Reliable service team, deployed to your location, at your convenience</span></td>
</tr>
</tbody>
</table>
我在Outlook中有上面的代码.它显示得很好但是在Gmail,Yahoo和Hotmail中,子弹和文本没有垂直对齐在顶部,似乎在文本的顶部有填充.有任何想法吗？
Dav*_*ter 26
长话短说,在我今天下午进行的测试中看起来outlook支持td元素的valign属性,但gmail和其他人想要vertical-align css规则.Gmail仅支持内联样式,而不支持样式标记,因此您必须执行以下操作:
<table>
<tr>
<td valign="top" style="vertical-align:top;"></td>
</tr>
</table>
还要确保声明doctype!确保它高于你的<html>元素:
<!DOCTYPE html>
首先，作为电子邮件的一般做法，您需要在所有图像上放置显示块和通常的边框：无。其次，您可能会遇到默认设置的问题。在 td 上设置所有样式。如果我需要一些特定的间距，我会将 td 上的字体大小和行高设置为 1px 以避免继承。您可能还需要在第一个 td 上使用 valign top。我真的无法从描述中分辨出哪个部分没有排列。祝你的电子邮件好运。
使用此代码
<table cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td width="20" align="left" valign="top"> <img height="12" alt="" src="/CmpImg/2010/22677/924228_immunotec_bullet.gif" width="12" align="top"></td>
<td align="left" valign="top"><span style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; COLOR: rgb(0,0,0); LINE-HEIGHT: 16px; PADDING-TOP: 0px; FONT-FAMILY: Arial; TEXT-ALIGN: left">Reliable service team, deployed to your location, at your convenience</span></td>
</tr>
</tbody>
</table>
| 归档时间： |
|
| 查看次数： |
59951 次 |
| 最近记录： |