はじめに
むむむ。。
white-spaceとは？
CSS の white-space プロパティは、要素内のホワイトスペースをどのように扱うかを設定します。
“ホワイトスペース”ってなに？
普通のスペースのことです。
スペースキーのスペース。
aa<=これ..ね。
どうしてハマったのか？
chromeの場合(他のブラウザは知りません)<pre>タグにデフォルトでwhite-space: preがスタイルされていた。
こいつが原因か〜。。。
ということでここをよしなに変更してください。
わかりづらいところ
ぶら下がりってなに？
pre-wrapとbreak-spacesとの違い
break-spacesは・・・
そのような保存された空白文字はスペースを取り、ハングしないため、ボックスの固有のサイズ（最小コンテンツサイズと最大コンテンツサイズ）に影響します。
注：この値は、空白によるオーバーフローが発生しないことを保証するものではありません。たとえば、行の長さが短いために空白文字が1つでも収まらない場合、オーバーフローは避けられません。
https://www.w3.org/TR/css-text-3/
overflow起こす可能性あるよってことか・・・
使う機会なさそうやね。。
pre-wrapだけ使っておけば良さそう。
参考
https://developer.mozilla.org/ja/docs/Web/CSS/white-space
最近のコメント