分为两列图像。复制内容区域中的表格，然后复制 . td 标签部分再次创建两个图像块。将宽度设置为%。 。接下来的内容，我在 .txt 文件中添加了三个元素图像、链接文本和文本。每个图像块的td标签如下所示。 css 边距底部。
与电子邮件客户打交道
去对付。对于不使用边距的电子邮件客户端，我将 vspace （指定图像上方和下方的边距）添加到 img 元素中，以确保最小显示尺寸。另外，在 .期望 whatsapp 数据库 稍后使其与响应式设计兼容，将 class=”responsive-img” 添加到 img 。元素。最后，我重用了内容区域中的表格并添加了一个空白表格。与页脚之间的高度为 px。空白表格的图像。
完成整体外观设计
这样就完成了模板的整体外观设计。删除原来 研究所科学统计部初级研究的边框样式。显示为指南。到目前为止，outlook 显示的完整图像是在 . Outlook 中，表格元素中可能会插入意外的空格。要删除这些空格，请使用 .即添加仅应用于 Outlook 的 css 的条件注释。使用 Outlook 特定的样式。如上所述，还可以帮助避免其他显示问题。如果你想分行。
基于Outlook版本添加
有条件根据outlook版本，在Mso后面添加以下版本 电子邮件列表 号到target。微软 Office.Outlook： 展望： 展望： 展望： 展望： 展望： 。 Outlook:office:示例：指定outlook或更高版本时显示以使其兼容。从这里开始，我们将通过智能手机显示来解释如何使电子邮件显示兼容。使用智能手机（响应式设计）。首先，让我们检查一下到目前为止我们创建的 html 电子邮件。在智能手机上。
会注意到内容是
您会注意到，与 相比，内容显示得相当小。屏幕。在智能手机上显示图像，以便在智能手机上轻松查看内容。需要根据设备的屏幕宽度来优化内容显示。设置.在 head 标签内的视口中，编写元标签视口设置，如下所示： viewport 。设置用于向浏览器和电子邮件客户端声明要访问的区域。显示内容。写成Width=device-width,initial-scale=，表示按照宽度显示内容。