長いテキストを自動的に折り返すためのヒント Word-Break Word-Wrap_html/css_WEB-ITnose

多くの場合、コンテンツが長すぎてテーブルやコンテナが壊れるのを防ぐために、コンテナに自動行折り返しを追加する必要があります。

自動行折り返しを実現するには、CSS を使用します。 通常、次の 2 つの方法があります:

word-break:

値は、normal、break-all、keep-all です

word-wrap:

値は、normal、 Break-word

word-break: Break-all は強引すぎて無条件に改行してしまうため、英単語や数字が改行されてしまいますので使用はお勧めしません。

お勧めの方法は次のとおりです:

まず新しい HTML ファイルを作成し、次のコードを入力します:

{word-wrap: break-word; overflow: hidden; text-overflow: ellipsis;}

FF3 と互換性がある必要があります。

出典: http://goodboy5264.blog.163.com/blog/static/253829820091110305144/