スタッフブログStaffblog

最近知ったCSS〜overflow: scroll;〜

2023.11.28
スタッフブログ

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

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

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

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

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

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

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

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

この記事をSNSでシェア!