Microsoft Outlook中的中心div

Maa*_*man 22 html css outlook

我曾经<div style="width: 742px; margin: 0px auto; ">把容器放在中心位置div.

在浏览器中它可以工作,但是当我在Microsoft Outlook中打开它时,它不在中心.

我也用过!important,margin因为我认为它优先于CSS.

如何div在浏览器和电子邮件中居中?

Roh*_*zad 35

<div align="center">

your code 

</div>
Run Code Online (Sandbox Code Playgroud)

仅适用于Outlook

  • 在为电子邮件编写HTML时,您最好参考1997年的HTML书籍. (20认同)
  • 我无法使它与`&lt;div&gt;`元素一起使用。我不得不改用&lt;table&gt;。 (2认同)

小智 6

对于通常的电子邮件,最好使用html属性和不推荐使用的标签而不是CSS等价物,因为某些消息传递系统会忽略内联样式.

例如,而不是:

<div style="width: 742px; margin: 0px auto; ">...
Run Code Online (Sandbox Code Playgroud)

您可以使用:

<body align="center"><table align="center" width="742">...
Run Code Online (Sandbox Code Playgroud)

要么

<div align="center">...
Run Code Online (Sandbox Code Playgroud)

示例2,而不是:

<p style="font-family: Arial, Helvetica, Tahoma, sans-serif;">My text</p>
Run Code Online (Sandbox Code Playgroud)

你可以做:

<font face="Arial" size="4">My text</font>
Run Code Online (Sandbox Code Playgroud)