Question

这是我刚创建的一个Plunker：http://plnkr.co/edit/jKo6yavo9fFNHiMsEvAL?p=preview

这是一个简单的单行布局。我需要的是行的两侧（左侧和右侧）的固定最小边距。比方说25px。调整窗口大小应始终显示在行之前和之后的25px灰色背景。

我尝试修改table.container样式：

table.container {
    width: 580px;
    margin: 0 auto;
    text-align: inherit;
}

到

table.container {
    width: 580px;
    margin: 0 25px 0 25px;
    text-align: inherit;
}

但它似乎不适用于正确的边距（超出页面）。有什么建议吗？

Answer 1

我认为最简单的解决方案是使用左右表格边框而不是边距。

下面的CSS应该可以解决这个问题。

table.container {
    width: 580px;
    border-left: solid 25px #f1f0ef !important;
    border-right: solid 25px #f1f0ef !important;
    text-align: inherit;
}

由于并非所有电子邮件客户端都支持保证金，因此您的另一个选择是将填充/边框添加到外部表/表。

如果您有任何问题，请告诉我。

如何为Zurb Ink电子邮件内容添加最小保证金？

1 个答案: