属性“宽度”<table>标记在Outlook中无法正常工作

问题描述：

我一直在使用html电子邮件模板。而且我几乎在我的工作结束。这个模板在市长电子邮件客户端中看起来很不错。但是Outlook 2007/2010/2013存在问题。这三个人不尊重我的模板的最大宽度。我不知道为什么会发生这种情况。属性“宽度”<table>标记在Outlook中无法正常工作

你有什么想法吗？
任何意见将不胜感激。谢谢。

<body style="margin:0; font-size:13px; font-family:'Trebuchet MS', Helvetica, Verdana, Arial;" bgcolor="#bb9dd8"> 

    <table width="100%" cellspacing="0" cellpadding="0" border="0">  
     <tr> 
      <td bgcolor="#bb9dd8"> 

      <!-- //Begin Main Container\\ -->    
       <table class="mainContainer" style="margin-top:20px;" width="640px" align="center" cellspacing="0" cellpadding="0" border="0"> 

     <!-- //From here begin header and the layout structure\\ -->

那是定义最大宽度的代码片段。谢谢。

什么问题？它是否低于100％或更多？如果更多，请使用table-layout：fixed;为了冻结你的表格的宽度 –

谢谢你。这个想法是什么？要将表固定为特定大小？无论如何，如果问Outlook的问题。是模板需要超过640px，这是最大的宽度。 – Allen

这个想法是，与你的完整代码一样，我指向这个http://www.w3.org/wiki/CSS/Properties/table-layout。除此之外，对于outlook，你可以尝试使用width：expression（...）这些旧的IE（

答

您是正确的，Outlook 2007+的PC版本不支持最大宽度。不过，您可以在这里采取两种方法之一来实现流体宽度。

使用一些Outlook条件代码来建立一个固定宽度的表。这将被其他电子邮件客户端忽略。

<table width="100%"> 
    <tr> 
    <td> 
     <!--[if gte mso 9]> 
     <table width="640" style="width:640px"> 
      <tr> 
      <td> 
    <![endif]--> 
     Put main content table here 
    <!--if gte mso 9]> 
      </td> 
     </tr> 
     </table> 
    <![endif]--> 
    </td> 
    </tr> 
</table>

另一种方法涉及使用媒体查询和3列表。外部列将具有非中断空间，中间将设置为您的Outlook宽度并包含您的主表。

<style> 
@media only screen and (min-width: 640px) { 
    .maxW {width: 640px !important;} 
} 
</style> 
<table align="center" width="100%" > 
    <tr> 
     <td>&nbsp;</td> 
     <td align="center" valign="top" width="640" style="width:640px" > 
     <table align="center" style="margin: auto; max-width: 640px" width="100%" class="maxW"> 
      <tr> 
       <td>Put your header image here</td>

谢谢@BillMalcolm。我明白。这个想法是使用媒体查询来获取Outlook自动设置的大小，并强制它获得我想要的大小（640px）。但重点是，正如你可以看到我的代码上面我有： '第一级表---->宽度= 100％（这是整个屏幕）第二级表---->宽度= 640px（这是模板本身）' 从这一点起，所有的都被限制在相同的宽度上，这是我想要的大小。为什么我需要在Outlook中指定640px或更大的尺寸？谢谢。 – Allen

啊，我现在看到了。你有链接到你的代码？任何数量的东西都可能吹出你的桌子。尺寸不合适的图片，连续字符（如网址等）的字符串等。创建小提琴或张贴链接，我会看一看 –

答

既可以在Mso中定义的表中进行包装，也可以在样式表中设置带有定义宽度的ID，该ID在媒体查询中变回百分比。 Outlook不尊重最大宽度。有关CSS兼容性，请参阅here。

此外 - 定义HTML宽度时不要放置px。这只是在CSS中。例如。宽度=“640”不是宽度=“640px”

属性“宽度”

相关推荐