テーブルレイアウトテーブルでレイアウトされていると、レスポンシブ化は困難tableで複雑に配置されたレイアウトでも、CSSを使って「セル単位で1つずつ分解」することで、再レイアウトできる。列数の多いtableでも、CSSを使って「セル単位で分解」すると、レスポンシブな列表示にできる。2つの段落が縦に表示されるdiv要素とp要素が、表組み(テーブル)化する2行×3列の表組み(テーブル)td要素に「display:block;」を指定するだけで、表ではなくなる表ではなくした上で、ブロックを横並びに配置することもできるテーブルレイアウトで作られたページ表を表でなくすCSSを追加することで、テーブルレイアウトを崩してレスポンシブ化しやすくできる4行×4列の表組み表のセルがバラバラに分解され、レスポンシブに配置できるようになる幅の狭い画面だと、横方向の移動が必須になってしまうテーブルの例tableレイアウトをCSSだけで崩してレスポンシブ化する方法テーブルでレイアウトされていると、レスポンシブ化するのは難しいHTMLで作られたテーブルレイアウトの表示例幅の狭い画面だと、横方向の移動が必須になってしまうテーブルの例HTMLのテーブル(table要素など)で作られた4行×4列の表組みこの写真の記事を読む※記事内容は執筆時点のものです。最新の内容をご確認ください。※OSやアプリ、ソフトのバージョンによっては画面表示、操作方法が異なる可能性があります。