0

クライアントに送信するメールのスタイルを設定していて、画像を浮かせたいのですが、テキストがその下で折り返されないようにします。私はもう試した

#left-image {
float:left;
}
#right-text {
display:table-cell;
}

と

#left-image {
left: 0; 
position: absolute;
}
#right-text {
padding: 0 0 0 100px;
position: relative;
}

最初のコードはテキストを画像の周りにラップし、2 番目のコード セットは画像をテキストの上に配置します。送信前に確認ページに 2 番目のコードを使用しており、希望どおりに動作しますが、メールの出力が異なるのはなぜですか?

4

3 に答える 3

0

なぜメソッドを混在させるのですか？どちらか一方に固執するか、フロートするか、両方の要素で display table-cell を使用します。

#left-image {
    float:left;
}
#right-text {
    float: left;
}

#left-image {
    display: table-cell;
}
#right-text {
    display: table-cell;
}
于 2012-11-13T08:13:13.797 に答える
0

クロスプラットフォームの互換性を実現するために推奨されていない通常の div タグを使用してメールを作成していると思います。フロートや余白のない HTML メール構造を使用すると、プラットフォームに依存しないメールだけでなく、ブラウザでも表示できます。html テーブルを使用している場合は、float:left の代わりに text-align:left を使用できます。

于 2012-11-13T08:22:18.440 に答える