Html电子邮件模板 - Outlook忽略元素的宽度

Question

我想问一下，我如何强制Outlook尊重元素的宽度？

例如我有内部表中的一些代码段：

<tr> 
     <td width="100px" style="text-align: center"> 
     <div style="Margin-left: 20px;Margin-right: 20px;"> 
    <div class="divider" style="font-size: 2px;line-height: 2px;Margin-left: auto;Margin-right: auto;width: 40px!important;background-color: #ccc;Margin-bottom: 20px;">&nbsp;</div> 
</div> 
    </td> 
    </tr> 

分频器类具有宽度40像素，但在观，div有100％的宽度，为什么呢？

Answer 1

电子邮件的HTML往往纯粹依靠桌子，所以你不能在td之内有divs。

然后您就需要同时使用原始width属性和内联CSS来指定单元格宽度：

<td width="40" style="width: 40px;">Cell content</td> 

要真的安全，你可以更进一步，包括一个透明的1x1像素的图像，你然后可以用来强制单元格的宽度。例如：

<td width="40" style="width: 40px"> 
    <img src="blank.gif" width="40" style="width: 40px;" /> 
</td> 

我会建议在HTML阅读Campaign Monitor's guidelines电子邮件。