CSS で一般的に使用される行の折り返し方法 text_html/css_WEB-ITnose

1. word-wrap:break-word;

コンテンツは境界内で折り返されます。インライン オブジェクトを使用する場合は、高さ、幅、表示:ブロック、または位置を設定する必要があります。絶対。

2. word-break:break-all;

は単語の区切りを処理するために使用されます。 (最初の属性との比較に注意してください)

3.white-space:nowrap; は要素内の空白を処理するために使用され、それを 1 行にのみ表示します。

4. overflow:hidden;

境界を越えた部分は非表示になります。

5. text-overflow:ellipsis;

余分な部分は省略記号で表示されます。