Microsoft Outlook中的中心div

时间:2012-04-13 08:25:03

标签: html css outlook

我使用<div style="width: 742px; margin: 0px auto; ">来集中容器div

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

我还在!important上使用了margin,因为我认为它优先于CSS。

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

3 个答案:

答案 0 :(得分:34)

<div align="center">

your code 

</div>

仅适用于Outlook

答案 1 :(得分:5)

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

例如,而不是:

<div style="width: 742px; margin: 0px auto; ">...

您可以使用:

<body align="center"><table align="center" width="742">...

或者

<div align="center">...

示例2,而不是:

<p style="font-family: Arial, Helvetica, Tahoma, sans-serif;">My text</p>

你可以这样做:

<font face="Arial" size="4">My text</font>

答案 2 :(得分:0)

良好的反应是访问官方Microsoft文档网络:http://msdn.microsoft.com/en-us/library/aa338201.aspx

在这里你可以看到最好的方法是使用..而不是div元素。

使用表格,它允许最大的css控制。