【问题标题】:Table style border- outlook 2010 adds an extra space表格样式边框-outlook 2010 增加了额外的空间
【发布时间】:2011-12-22 09:07:30
【问题描述】:

我为电子邮件营销创建了一个 HTML。我放置了一个表格,并在其周围应用了边框:

<table border="0" cellspacing="0" cellpadding="0" style="border:1px solid #982676; margin:0 16px;">

由于某种原因,当我在 OUTLOOK 2010 中对其进行测试时,我在内部获得了 1 像素的额外空白。我在与顶部和左侧对齐的图像周围看到它,我在其他具有实心的单元格周围看到它背景颜色。

在此链接查看图片:screenshot

顶部的三角形是单元格中的图像。底部矩形是具有背景颜色的单元格。这些应该坚持边界。这是一个反复出现的问题。有没有人遇到过这个问题?

【问题讨论】:

    标签: html-table whitespace html-email outlook-2010


    【解决方案1】:

    Campaign Monitor 对于如何解决此类问题提供了非常好的解决方案。只需将此 style 代码添加到您的表格元素。下面的代码解决了我在 Outlook 2010 上的问题(与 OP 相同)

    &lt;table align="left" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;"&gt; ... &lt;/table&gt;

    http://www.campaignmonitor.com/blog/post/3694/removing-spacing-from-around-tables-in-outlook-2007-and-2010

    如果这不起作用,试试这个。 http://www.emailonacid.com/blog/details/C13/removing_unwanted_spacing_or_gaps_between_tables_in_outlook_2007_2010

    【讨论】:

      【解决方案2】:

      我在这里找到了这个: http://www.emailonacid.com/blog/details/C13/7_tips_and_tricks_regarding_margins_and_padding_in_html_emails

      " Outlook 2007 和 2010 中的表格元素边距和填充可能会导致问题

      如果您向 TABLE 元素添加边距或填充属性,它将为 Outlook 2007 和 2010 中的每个嵌套 TD 添加相同的边距和填充。 Cellpadding 和 cellspacing 属性是安全的,但最好避免在包含 TABLE 元素。”

      所以我猜你桌子上的边距可能会导致这个。我不确定。

      【讨论】:

      • 非常感谢您的回答。我做了另一个没有填充或边距的测试,问题仍然存在。所以我感到有些失落。如果有人有其他建议,我很想听听。谢谢!
      【解决方案3】:

      如果您还没有找到解决此问题的方法:

      确保为表格单元格中的这些图像设置border="0"

      【讨论】:

        【解决方案4】:

        添加边框-collapse:collapse;到表格样式。

        【讨论】:

          【解决方案5】:

          我解决了这个问题,进入表格属性部分,然后单击“选项”。出现选项框后,将左右的默认单元格边距更改为 0",然后单击确定。

          【讨论】:

            【解决方案6】:

            对于 1 和 3 像素宽度的边框,右边框后面有 1 像素的空间。这种(奇怪的......)问题的一种解决方案是当前表后面的“幽灵表”,当前表的宽度为负 1,边框为 1。 例如:

            <!--[if mso]><table border="1" width="699">
            <tr style="display:none;"><td>&nbsp;</td></tr>
            </table><![endif]-->
            

            祝你好运……

            【讨论】:

              猜你喜欢
              • 2019-09-10
              • 2019-09-15
              • 2016-05-30
              • 1970-01-01
              • 2017-06-28
              • 1970-01-01
              • 2018-07-25
              • 1970-01-01
              • 2013-05-17
              相关资源
              最近更新 更多