3

作成中の HTML メールには、次の 2 つの要件があります。

  1. 幅は最大幅まで流動的である必要があります (つまり、max-widthCSS プロパティを使用します) 。
  2. その最大幅より長いテキストは、省略記号で切り詰める必要があります。

次のスタイルを使用してみましたが、すべてのメール クライアントまたはほとんどのブラウザー (Chrome は別として) では機能しません。

text-overflow: ellipsis; 
white-space: nowrap; 
overflow: hidden; 
max-width: 740px;

IE では、切り捨てる要素を含むすべての要素に幅を設定する必要があることは知っていますが、max-width を使用してみましたが、適用されません。

テキストを設定された文字制限に手動で切り詰める以外に、この望ましい動作を実現する方法はありますか?

4

2 に答える 2

6

text-overflow と max-width は Outlook ではサポートされていません。メール クライアントの CSS 互換性は、http: //www.campaignmonitor.com/css/で確認できます。

Outlookと互換性のある、あなたが望むことをするためのハックを私は知りません。

于 2012-10-16T22:42:50.047 に答える
2

メール クライアントは、CSS コンプライアンスのはしごの最下層です。したがって、これに対する普遍的なサポートは期待しないでください。even のようなものmax-widthは、どこでもサポートされているとは限りません。

省略記号を実際のテキストに埋め込んだ方がよい場合があります。

于 2012-10-16T22:30:51.517 に答える