これは、私が理解できない「テーブルなしの2列レイアウト」の質問のバリエーションです。見出し、ラベル、データを組み合わせた Web ページを作成することは非常に一般的です。例えば:
User info
-----------------------------
Name: John Doe
Address: 1234 Main St.
Anytown, CT
Contact info
-----------------------------
Email: johndoe@gmail.com
Phone: (324)555-1234
display: table
CSS 、display: table-row
、およびdisplay: table-cell
スタイルを使用して、ラベルと関連するデータ値をレイアウトするのは簡単です。しかし、複数の列にまたがる必要がある見出し行 (「ユーザー情報」と「連絡先情報」) をどのように処理すればよいでしょうか?