【问题标题】:Style attribute not working in MS Outlook样式属性在 MS Outlook 中不起作用
【发布时间】:2018-01-17 12:58:22
【问题描述】:

我需要什么?

  • 我需要将电子邮件的所有内容制作成一个 A4 大小的页面。

CSS

<body style="height:297mm;width:210mm;margin-left:auto;margin-right:auto">

----email content---      
 </body>
  • 当我尝试查看源电子邮件 css 属性时已经存在。

问题

  • 当尝试从 ms Outlook 打印时,html 内容会移入 2 页,而我需要的是 1 页。

在浏览器中工作的 css

当我尝试从浏览器打印相同的内容时,我能够在 A4 大小的页面中获取 html 内容。

任何人都可以建议如何将所有内容缩小到单个 a4 大小的页面中。

欢迎提出任何建议。

【问题讨论】:

    标签: html css outlook


    【解决方案1】:

    别再找理由了:邮件客户端非常关注 CSS 属性

    当你写一封电子邮件时,几乎不接受任何 CSS 属性。

    您可以找到an exhaustive list here

    玩了一会儿之后,我可以告诉你,发送格式化邮件的最佳选择是创建一个table 并使用内联样式设置此表的样式。

    祝你好运,你会需要它的。

    【讨论】:

    • 我也尝试使用表格,但只有字体大小有效。
    • 在您的链接中,我们看到,head 中的样式标签适用于 Outlook,但对我来说不是
    • 样式标签有效,但仅适用于有效的 CSS 属性(您可以在同一页面中找到)
    【解决方案2】:

    我建议您在pixels 中编写样式。我在电子邮件标记方面有如此丰富的经验,而 Microsoft Outlook 确实有害。

    我不确定margin: auto 能否在 Outlook 中正常工作。

    所以,试着写例如:

    <body style="height:500px;width:500px;">
    

    【讨论】:

    • 感谢您的帮助,但内容仍在 2 页中,您能否建议缩小电子邮件的最佳方式。
    • 请提供草图或模板,没有它我帮不了你
    • 我再次测试了旅馆 Gmail 的工作,但它的前景不工作。
    【解决方案3】:

    在 Outlook 女士中对我有用的解决方案。

     <div>
       <!--[if mso]>
      <v:rect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-
         microsoft-com:office:word" href="http://" style="yourstylinghere;" 
      stroke="f" fillcolor="#556270">
    
         <![endif>
    

    你的内容

      <!--[if mso]>
    
      </v:rect>
        <![endif]-->
         </div>
    

    【讨论】:

      猜你喜欢
      • 2015-01-25
      • 2018-02-06
      • 2023-02-06
      • 1970-01-01
      • 1970-01-01
      • 2014-11-13
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多