web-dev-qa-db-ja.com

Microsoft Outlookのセンターdiv

divを中央に配置するために<div style="width: 742px; margin: 0px auto; ">を使用しました。

ブラウザーでは機能しますが、Microsoft Outlookで開くと中央にありません。

また、CSSよりも優先されると思ったため、marginで!importantを使用しました。

divをブラウザーとメールの中央に配置するにはどうすればよいですか？

htmlcssoutlook
22
Maarten Kuilman
<div align="center">

your code 

</div>

Outlookのみ

35
Rohit Azad

一般的なメール送信では、CSSの同等のものではなく、html属性と非推奨のタグを使用することをお勧めします。これは、一部のメッセージングシステムがインラインスタイルを無視するためです。

たとえば、次の代わりに：

<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>
6
Tacquet Benjamin

良い反射は、公式のMicrosoft Documentation Networkに行くことです http://msdn.Microsoft.com/en-us/library/aa338201.aspx

ここで、最善の方法はdiv要素を使用することであることがわかります。

テーブルを使用すると、CSSコントロールを最大限に活用できます。

1
Nek