overflow-wrap:break-word;っていうCSSに入れるワード
文章、文字列を折り返すときに使用する
word-wrapも同じようにあるけど
overflow-wrapがcss3で正式らしい
でこのプロパティは文字の改行を行うもので
文字列が横にながすぎてボックス内で改行できずにレイアウトのデザインが崩れたりブラウザを縮小すると文字だけが残ってしまう場合に使うと単語の途中で改行できるというもので
で今回の失敗は
単語だけを羅列して改行されるかどうかを確認していた。
英単語の羅列は改行ポイントがないのでずっと改行されずに
デザインレイアウトを無視して突き抜けてた。
overflow-wrap:break-word;で単語の任意なところで上手に改行するもののはずだけど
単語の全くの繰り返し単語だと改行されんかったぜ？
で改行ポイントをつけた文章にするとなぜだかわからんが折り返しができた。ミステリー
コメント