4

私はWebサーバーを使用してHTML形式の電子メールを送信する作業を行ってきましたが、これまでのところ、ワードラップを除いて、問題はありませんでした（コンテンツとすべてが適切に表示されます）。1行のテキスト（ユーザー入力）を何度も繰り返して、一般的な電子メールWebクライアントで水平スクロールバーを生成できます。

それで私はいくつかの研究をしに行きました。私は実装しました、そしてそれが私の言葉を切り始めたことを除いて<div style="width: 100%; word-break: break-word;"><!-- Content here --></div>、それは完全にうまくいきました。私がやりたいのは、ワードラップを保持したまま、次の行に移動させることです。

他のオンラインソースによると、<div>タグは自動ワードラップを実行しますが、Webクライアントではこのようには機能しません。これは、舞台裏のCSSの一部が原因である可能性があると思いますが、実際に行って調査することはしませんでした。

誰かが私の問題に対する解決策/提案を持っていますか？サーバー側のフォーマットはしたくありません。第一に、それはお尻の痛みだと思います。第二に、それは異なるWeb電子メールクライアント間で異なって見えると思います...ありがとう！

4

2 に答える 2

2

この追加のプロパティを追加してみてください：

white-space: pre-line;
word-wrap: break-word;

可能な値の説明については、次のリファレンスを参照してください：http ://www.w3schools.com/cssref/pr_text_white-space.asp

于 2012-11-13T20:32:54.057 に答える
2

それは確かに、通常のラッピングを妨げる舞台裏の何かです。状況を分析するには、実際には舞台裏、または少なくとも舞台裏を見る必要がありますが、単純なケースでは、このCSSを（にdiv）追加すると次のようになります。

white-space: normal;

これは初期値ですが、おそらく何かによって上書きされます。これで問題が解決しない場合は、

white-space: normal !important;

word-break: break-word名前が示すように、それは本当に言葉を壊すので、避けてください。これは、どこでも休憩できる書記体系で使用するためのものです。

于 2012-11-13T21:03:15.800 に答える