問題スマートフォンの時にテーブルを横スクロールにしたい。して積んだりするだけでなく、テーブルの項目数に応じて、スマートフォン時の見せ方を考える必要がありますよね。項目数が多いと、スマートフォン用に強引にレイアウトを変更させようとすると、無理が出てきてしまいます。その場合の選択肢として、「横スクロールにする」が出てきます。今回はこの「横スクロールにする」ための設定方法をご紹介します。参考:スマートフォン表示で、はみ出したtableを横スクロールさせるためのCSSテーブルをdiv等の要素で囲います。テーブルをdiv等のブロック要素で囲います。(classは任意です。class="twrapper"><table>...</table></div>囲った要素にCSSを設定します。囲った要素に、以下のCSSを設定します。*/}overflowをautoに設定し、範囲外に出た内部の要素に対して、スクロールが出るようにします。囲っている要素内のテキストに対して折り返しをさせないようにします。DEMOはこちら実際にテーブルをスマートフォン時に横スクロールさせるはこちらです。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。解決策このサイトについて。