文字列の改行

テーブルの幅に合わせて表示したい場合など覚えていると便利な気がします。

white-space

折り曲げ禁止

white-space: nowrap;

そのまま表示

white-space: pre;

デフォルト。改行を半角スペースとする。

white-space: normal;

---

word-break

デフォルト。

word-break:normal;

指定した幅に合わせて文字列を改行させる

word-break:break-all;

単語の切れ目で改行させる

word-break:keep-all;

 

関連記事