代码在 gmail 和 apples 邮件客户端中运行良好,但 outlook 快把我逼疯了。
<table cellpadding="0" width="600" align="center" valign="top" style="padding-bottom:10" style="min-width:600px;">
<tr>
<td>
<span style="font-family:Tahoma; background-color:#81DAF5; font-size:35px;"><i>Text</i> </span>
</td>
<td>
<table align="right">
<tr>
<td align="right">
<span style="background-color:#ffffff; font-size:14px; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif"><i>Text</i></span>
</td>
</tr>
<tr>
<td align="right">
<span style="background-color:#ffffff; font-size:14px; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif"><i>Text</i></span>
</td>
</tr>
</table>
</td>
</tr>
</table>
我希望整个表格的最小宽度为 600 像素,但在 Outlook 中,当我缩小窗口大小时文本开始换行。
最佳答案
最小宽度 isn't supported通过 Outlook。
您有一个 span 和一个位于表格单元格中的表格。每个部分使用不同的单元格。这是一个基本示例:
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="center">
<!-- Center Panel -->
<table width="600" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="400">
<span style="font-family:Tahoma; background-color:#81DAF5; font-size:35px;">
<i>Text</i>
</span>
</td>
<td width="200" style="font-size:14px; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif">
<!-- Nested to stack two rows, could also use br's or rowspans if preferred -->
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="right">
<i>Text</i>
</td>
</tr>
<tr>
<td align="right">
<i>Text</i>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
关于html - 最小宽度嵌套表格 HTML 电子邮件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17660603/