尝试使用令人难以置信的90年代风格表格布局技术为Outlook构建电子邮件模板(不需要在任何其他电子邮件客户端上工作)。对齐用于Outlook电子邮件的HTML表格
我的HTML在下面,我想要的是“支持内容”部分与“新发布”部分垂直对齐。我不能想办法做到这一点,除了使用垂直对齐CSS属性,但前景不支持这一点。
任何想法的人?
<table cellspacing="0" cellpadding="10" border="0">
<tr>
<td width="80%">
main content
<table cellspacing="0" cellpadding="10" border="0">
<tr>
<td width="100%">
New launches
</td>
</tr>
<tr>
<td width = "50%">
launch 1. launch one information blah blah blah
</td>
<td width = "50%">
launch 1 images, lots of images here, blah blah
</td>
</tr>
<tr>
<td width = "50%">
launch 2. launch one information blah blah blah
</td>
<td width = "50%">
launch 2 images, lots of images here, blah blah
</td>
</tr>
<tr>
<td width = "50%">
launch 3. launch one information blah blah blah
</td>
<td width = "50%">
launch 3 images, lots of images here, blah blah
</td>
</tr>
<td width="100%">
completed tests
</td>
</tr>
<tr>
<td width = "50%">
completed 1. launch one information blah blah blah
</td>
<td width = "50%">
completed 1 images, lots of images here, blah blah
</td>
</tr>
<tr>
<td width = "50%">
completed 2. launch one information blah blah blah
</td>
<td width = "50%">
completed 2 images, lots of images here, blah blah
</td>
</tr>
<tr>
<td width = "50%">
completed 3. launch one information blah blah blah
</td>
<td width = "50%">
completed 3 images, lots of images here, blah blah
</td>
</tr>
</table>
</td>
<td width="20%" vertical-align = "top">
supporting content
<table cellspacing="0" cellpadding="10" border="0">
<tr>
<td width = "100%">
supporting content section 1
</td>
<td width = "100%">
supporting content section 2
</td>
</tr>
</table>
</tr>
</td>
</tr>
</table>
你的CSS在哪里? – Siyah
我还没有添加任何,只是想让我的布局工作之前,我让它看起来不错 – Ash
@Siyah对不起,我只是使用到目前为止在HTML – Ash