web-dev-qa-db-ja.com

HTMLメール整列テキスト

HTMLメールでテキストの一部を右に、他の一部を左に揃えようとしていますが、Outlookではfloatが機能しません。だから基本的に私はOutlookでfloat CSSを探しています。かなり不気味でtext-alignまたはalign=""が機能しませんでした。助言がありますか？

<td>
   <span style="text-align:left; float:left;">
       First part
   </span>
   <span style="text-align:right; float:right;">
       Second part
   </span>
</td>
htmlemailhtml-email
17
user1299846

正直なところ、HTMLメールを送信している場合は、テーブルを使用することにします。すべてのCSSセレクターがすべての電子メールクライアントで使用できるわけではなく、他の方法でそれを行おうとすることに気が狂います。 HTMLメールは、5年前のWebのようなものです。

この件に関しては、いくつかの優れたドキュメントがあります。

http://www.campaignmonitor.com/css/

http://www.emailology.org/

あなたの例のために：

<td>
   <table cellpadding="0" cellspacing="0" width="100%">
       <tr>
           <td align="left">First part</td>
           <td align="right">Second part</td>
       </tr>
   </table>
</td>

それは恐ろしいですが、残念ながらそれでもまだ最善の方法です。

36
SpaceBeers

（shudder）レイアウトテーブルを使用します。

Outlookによる電子メールのスタイル設定のサポートはひどいため、他に方法はありません。

24通りの記事 があり、HTML形式の電子メールを作成するための一般的なアドバイスがいくつかあります。

5
Quentin
<p align="right">My right content</p>

これはHTML1なので、うまくいくはずです。

1
Alice Girard