html - 如何在 Outlook 电子邮件中居中左对齐文本?

标签 html css email outlook responsive-design

我正在尝试设计一个响应式电子邮件模板以适用于所有主要客户,而且我就在那里,但是由于 Outlook 不支持 max-width,所以我有所有元素都设置为 width: 100%,因为它是左对齐的,所以它会将我的内容一直放在左边。我可以使用 align:centermargin: 0 auto 将页眉和页脚居中。

如果不给任何内容固定宽度或不使用最大宽度(我正在使用,但 Outlook 只是忽略),我该怎么做才能防止我的内容一直向左移动?

最佳答案

听起来您更多地是指“流体”布局(基于百分比)而不是“响应式”布局(您将使用媒体查询根据显示设备的宽度指定样式)。

既然为 margin-left 设置一个 pixel 值没有多大意义,为什么不设置 margin-left百分比值?

margin-left: 4%;

否则,您可能需要查看 MailChimp 上关于媒体查询的以下资源。

http://templates.mailchimp.com/development/media-queries/

关于html - 如何在 Outlook 电子邮件中居中左对齐文本?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18149731/

相关文章:

php - 如何识别正确的电子邮件以更新正确的数据库记录?

javascript - 检查日期是否已过(具体)

html - 表格的第一列尽可能宽,其他列等宽

html - CSS Flexbox 样式根据元素数量而变化

javascript - 在 HTML5 视频中突出显示播放器搜索栏

PHP PEAR 邮件 '='

javascript - 使用 JQuery Ajax 进行电子邮件验证

javascript - 当列表中的元素数超过屏幕高度时,列表元素不会从一开始就显示

javascript - 如何使用jquery Cookie?

css - 单击后突出显示的按钮