这是我无法弄清楚的“没有表格的 2 列布局”问题的变体。构建具有标题、标签和数据组合的网页确实很常见。例如:
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
样式来布置标签和关联的数据值很容易。但是如何处理需要跨越多个列的标题行(“用户信息”和“联系信息”)?