2016/05/25横スクロールや強制改行のキーとなる、white-space属性の各プロパティについて改めて調べてみました。twitterfacebookhatebugooglepluspocketline通常、Webのテキストは横幅いっぱいまで来ると折り返されて表示されます。このとき、折り返し条件に関わる属性がwhite-spaceです。行が溢れたり横スクロールを起こす条件を制御するために知っておきたいwhite-space属性の挙動について、自分なりの備忘録をまとめてみました。ついでに、改行したくないテキストデータを表示するときに「横幅が溢れたら横スクロールするボックス」も作ったので併せてどうぞ。横スクロールするテキストボックスメインカラムより長いテキストが入ったときに、わざと横スクロールするボックスです。行幅がカラム幅未満の時は普通に表示されます。