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電子郵件。