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

标签 html css html-table html-email

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

非常感谢任何帮助!

最佳答案

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

关于html - 如何在 HTML 电子邮件中创建可扩展的列?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21914580/

相关文章:

html - Flex-grow 元素上的 width 属性

html - 位置 :absolute makes an hr element more than 100% wide

html - 如何在 CSS 中为多行段落添加背景颜色?

c# - 在 C# 中从 HTML 表中检索数据

javascript - Jquery 选择器表>行>单元格>字段

javascript - HTML5 XHR FileUpload 和 ASP.Net 的问题

jquery - jQuery UI 布局和 jQuery UI 选项卡的问题

html - Chrome boxshadow 和 border 冲突

css - 获取场景图中具有 styleClass 的所有节点

jquery - 使用 jQuery 将一行追加到已排序的表中