【问题标题】:Outlook 2007/10 email html formatting issue with table elements带有表格元素的 Outlook 2007/10 电子邮件 html 格式问题
【发布时间】:2017-07-19 02:40:33
【问题描述】:

我在删除此页面中某些表格元素之间的 1px 边框(至少看起来是这样)时遇到问题: http://tkevents.ca/microsoft/cls2012/email_en_new.html

此页面在 Chrome、FIrefox、Safari 和 IE 6 到 9 中呈现良好。问题出在 Outlook 2007 和 2010 中。看起来一些 td 标记已经拾取了额外的 1 px 边框或其他东西。

屏幕截图:(我无法发布图片 - 我的帐户太新了)。但是,您可以通过在 Outlook 邮件中嵌入代码来复制它。

我不知道哪里出了问题...我从 Stack Overflow 中的其他答案中应用了一堆建议,但都没有运气。

任何帮助将不胜感激。

【问题讨论】:

    标签: outlook html-table html-email


    【解决方案1】:

    这应该可以解决问题,将其添加到您的 css 中。

    table td {
        border-collapse: collapse;
    }
    

    【讨论】:

    • 感谢乔治的建议。但这没有用。还有其他建议吗?
    • 我想出了这个...边框折叠是其中的一部分-我在问这个问题之前就使用了它,因此,它没有帮助我到达我需要的地方。问题在于桌子的宽度/高度:我必须调整图像的大小,以便它们强制在我正在建造的桌子上进行精确测量。