【CSS】文字列の折り返しに使うプロパティは?

  • このエントリーをはてなブックマークに追加
  • LINEで送る

【参考】

https://qiita.com/gcyata/items/353658a7bdc1e7395337

 

文字列を強制的に改行させるCSSのプロパティ

【まとめ】

word-break : break-all;が有名だけどoverflow-wrap : break-word;が望ましい

word-break : break-all;は単語の途中でも強制的に改行

overflow-wrap : break-word;単語の途中で改行するかどうかを指定する

overflow-wrap単語の途中で改行するかどうかを指定するためのプロパティです。改行方法を指定するword-breakとは用途が異なります。そのため、親要素に対してtable-layout: fixed;を指定する必要があります。

 

  • このエントリーをはてなブックマークに追加
  • LINEで送る

SNSでもご購読できます。

コメントを残す

*