我有一个很长的垂直电子邮件表单,我正在从一个由表格组成的旧模板进行编辑,并且宽度一直不完全匹配所以我打算做的是在所有表格后面添加一个 div 或图像等它只比最宽的桌子宽,它会隐藏凌乱的桌子布局,使电子邮件表格看起来统一整洁。
我过去做过类似的事情,但在 CSS 上使用 z-index。当我将其发送到 Outlook 时,我不想使用 CSS。
对不起,如果我的帖子令人困惑。任何帮助表示赞赏
简短的回答是NO,除非并且直到您愿意更改标记的顺序,否则不可能仅对 HTML 执行此操作,否则就 CSS 而言,您可以z-index
对特定元素使用内联。
所以例如
<div style="z-index: /* Whatever */"></div>
虽然内联样式确实适用于所有主要的现代邮件客户端,但 z-index 却不行。很抱歉不得不这么说,但如果嵌套表的大小不匹配,您可能必须从头开始重建嵌套表。
举个简单的例子:Outlook 2007 使用 word 作为呈现引擎。z-index 永远不会与该客户端一起显示,因此会完全破坏您的布局。很多人仍然使用 Outlook 2007,不管你喜不喜欢。
如果您需要一些分层效果,则必须使用普通的旧图像并将其剪切以适合表格单元格。这很痛苦,但这是 html-email 世界的一部分,这可能就是你得到报酬的原因。
您可以使用inline
CSS。这适用于 Outlook 和所有其他电子邮件客户端。