css

【CSS】tableの横スクロール時に改行されない問題を解決したい

table-layout: fixed を設定して横幅を固定にする

See the Pen
table横スクロール
by tono (@ttttt3434)
on CodePen.

押さえておきたいポイントを1つ。

tableタグの横幅を固定する

「width: 300px」「width: 100%」などの値を設定しましょう。また、tableタグの値を各カラムの合計値と一致させておきましょう。