我正在编写“响应式”电子邮件。
我有一张有 2 个 td 的 table 。我希望第二个在 table 的右边。
问题是第一个不能有固定宽度,所以表格可以响应。
我尝试了“float: worksright”解决方案,但它在 outlook 上不起作用。 (我试过其他人,但这是更好的解决方案。) 你有什么想法吗?
<table style="max-width:600;" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="131" style="padding:25px 0;"><img src="images/autodesk.jpg" style="display:block; height:auto; max-width:131px; width: 100%;"></td>
<td width="25" style="font-size:1px; padding:25px 0;"> </td>
<td style="padding:25px 0; vertical-align:top;"><table style="max-width:444;" border="0" cellspacing="0" cellpadding="0">
<tr>
<td style="font-family:Arial, Helvetica, sans-serif; font-size:13px;">
<strong style="color:#ff9933; font-size:11px; text-transform:uppercase;">Autodesk</strong><br/>
<strong style="color:#020a0d; font-size:20px; line-height:27px;">Coleções de indústrias Autodesk</strong><br/>
<br/>
O Kaspersky Anti-Virus proporciona a primeira linha de defesa do seu PC contra vírus através de tecnologias antimalware premiadas, spyware e muito mais. Obtenha proteção real contra os programas maliciosos.<br/>
<br/>
</td>
</tr>
<tr>
<td><table border="0" cellspacing="0" cellpadding="0" style="max-width:444;">
<tr>
<td>
<div style="background-color:#ff9933; color:#ffffff; font-size:14px; font-family:Arial, Helvetica, sans-serif; text-align:center; text-transform:lowercase; padding:5px;">Saber +</div>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
停止一切!我公开宣布自己是一个愚蠢的人。它只是在父表中使用 align="right"。 --' 有时我们会忘记最简单的事情。
感谢大家的帮助。 :)
最佳答案
将 width="100%"
设置为第二个 td 内的表格
看看这个 fiddle
关于html - float :right on outlook responsive code,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42555764/