html - 如何在 HTML 电子邮件中创建可扩展的列？

Question

我正在设计两列 HTML 电子邮件，并使用侧边栏样式作为基础(可在此处找到:http://zurb.com/ink/templates.php)。我这里的问题是，当右侧的内容结束时，我找不到使文本列扩展到全宽的方法。到目前为止，无论我做什么，一旦侧边栏内容结束，我都会在左侧看到一个巨大的文本列，在右侧看到空白。如何让左栏在侧边栏下方扩展到满？显然它是一个响应式模板，所有 CSS 都需要内联(因为 Gmail 很烂，不会读取 <style> 标签)

非常感谢任何帮助!

Answer 1

没有办法完全满足您的要求，我认为这会扩展您的包含 <td> 的文本因此在侧边栏停止后，文本会流畅地流入可用空间。 <td>列在每一行中的宽度始终相同，除非您在它们上设置了 colspan (html) 属性。所以，你必须用 colspan=2 来创建一个新行。在 td 上并尽可能靠近侧边栏结束处拆分文本。