CSSのwhite-space nowrapを子要素だけ解除する方法
cssで横スクロールを実装するのにwhite-space nowrapを使っている。
横スクロールの子要素にテキストがあり、こちらも改行されず表示されてしまう。
子要素は改行されるようにwhite-space nowrapを解除したい。
本記事ではこのような悩みを解決します。
white-space nowrapを指定
white-space: normal;
子要素に同じくwhite-spaceプロパティを付与。
値にnormalを指定します。
以上で横スクロールの親要素に指定してある、white-space nowrapは活かしたまま、子要素のみ改行できるように解除されます。
まとめ
CSSのwhite-space nowrapを子要素だけ解除する方法について紹介しました。
以上で解説を終わります。
目次