スタッフブログStaffblog

こんにちは。ちゃむこです。

今日は「最近知ったCSS〜overflow: scroll;〜」について共有しようと思います。

表を作成した時、スマホ表示だとレイアウトが崩れてしまう…という時がありました。

スマホ表示の際はどう表示させようか迷っていた時、「overflow: scroll;」を見つけました！

「overflow: scroll;」はブロックに入りきらない時にスクロール表示してくれます！

なので、スマホ表示の際、表のレイアウトが崩れず、そのままスクロール表示させることができるのです！

これを使えば、スマホ表示のためにレイアウトを組み直す必要もないし、表も見やすくて良いです。

よろしければ参考にしてみてくださいね。