css - display: table、table-row、table-cell を使用して colspan (つまり >=8) をシミュレートする

Question

2 行のレイアウトを作成する必要があります。最初の行には 1 つのセルがあり、2 番目の行には 3 つのセルがあります。

|     A     |
| B | C | D |

css表示プロパティtable、table-row、table-cellでdivを使用することは可能ですか?

2 つの異なるテーブル div (最初の行用と 2 番目の行用) を使用してそのレイアウトを作成することに成功しましたが、セル間の境界線の間隔が悪い影響を与えます: 2 つの行間の間隔はその 2 倍です2 行目のセルの間に 1 つ。

Answer 1

いいえ、CSS テーブル モデルは現在、HTML テーブル モデルよりもはるかに単純です。CSS テーブルは単純なグリッドであり、colspanまたはに相当するものはありませんrowspan。

CSS ポジショニングを使用するなど、目的のレイアウトを実現する方法は多数あります。