【问题标题】:MS Outlook 2007 <br> ProblemMS Outlook 2007 <br> 问题
【发布时间】:2011-03-15 14:37:35
【问题描述】:

我为客户制作了一个 HTMLemailer。电子邮件发送者有几个换行符。在其他客户端上它看起来很完美,直到我遇到 MS Outlook 2007。Outlook 似乎无法识别 &lt;br&gt;&lt;div&gt; 内的 iset 宽度。有解决办法吗?提前致谢。

<table width="602px" cellpadding="0" cellspacing="0" border="0" align="center">
    <tr>
        <td colspan="3">
            <p align="center" style="font-family: arial; font-size: 11px; color: #000000;">If you are unable to read the contents of this email, please <b><a href="#" style="color:#000000; text-decoration:none;">click here</a></b> to view the online version.</p>
            <br>
         </td>
    </tr>
    <tr>
        <td colspan="3"><a href="#"><img src="#" width="602" height="161" alt="#"></a></td>
    </tr>
    <tr>
        <td colspan="3" style="border-top:2px black solid;"><br><br></td>
    </tr>

【问题讨论】:

  • 您不应该在电子邮件 html 中使用 div,而是使用表格。 &lt;br&gt; 应该可以工作。你能发布一些代码吗?
  • 你去。我用代码更新了帖子。那里有一个

  • 据我所知,如果没有其他内容需要中断,&lt;br /&gt; 将被忽略。也许尝试在换行后添加&amp;nbsp;,看看结果是否符合您的预期? (另外,我不太相信 Outlook 的渲染,因为它使用 MS Office 的引擎而不是 IE)。
  • @Brad Christie - 那个工作的人!感谢您的提示和解释。
  • @BradChristie 您应该将您的建议作为答案,以便我们对其进行投票。 :) 信用到期。

标签: html css outlook-2007


【解决方案1】:

对于大多数 HTML 电子邮件来说,Outlook 是一件很痛苦的事情。您可以尝试自行关闭 br 标记 &lt;br /&gt;,并可能将其放在段落元素中,但我怀疑它是否会自行工作。我会尝试的其他事情是添加一个不间断的空格&amp;nbsp; 字符以强制将某种布局放入 td 单元格,或者甚至采用适当的老式并插入一个高度设置为您需要的白色填充图像。

【讨论】:

  • 在 Outlook 2007 中将“Text

    ”替换为“

    Text

    ”对我来说效果很好。
【解决方案2】:

将评论转换为答案,因为我刚刚注意到了这一点:

据我所知,如果没有其他内容需要中断,&lt;br /&gt; 将被忽略。也许尝试在换行后添加&amp;nbsp;,看看结果是否符合您的预期? (另外,我不太相信 Outlook 的渲染,因为它使用 MS Office 的引擎而不是 IE)。

【讨论】:

    【解决方案3】:
    <br>&nbsp;
    

    用 2 行代替 1。

    所以我做了一个组件叫“br”

    <table><tr><td>&nbsp;</table></tr></td
    

    适用于所有电子邮件客户端

    【讨论】:

    • 你的代码太乱了,甚至无法弄清楚你想说什么。
    【解决方案4】:

    问题来自于在新行中声明&lt;br&gt;。 Outlook 会自动添加一个新行加上br。尝试将它们与之前的代码放在同一行。

    【讨论】:

    • 我正在
      与我的代码在同一行上执行此操作,但它不能解决此问题。
    【解决方案5】:

    除了已经提出的建议之外,我还推荐使用目前可用的一些 HTML 时事通讯创建器;

    我从我的公司 Publicate 了解到,我们花费大量时间测试和优化 HTML,以便它可以导出并在 Outlook 中正确呈现。

    我们在测试过程中使用 Email on Acid 作为测试过程的一部分,这可能对您也有帮助,或者如果您想编写自己的代码,也可以查看 Litmus。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2022-01-11
      相关资源
      最近更新 更多