html - 您将如何使用 CSS 而不是 HTML 表格来实现这种基于表格的布局？

Question

我希望屏幕上显示以下布局:

FieldName 1             [Field input 1]
FieldName 2 is longer   [Field input 2]
    .                         .
    .                         .
FieldName N             [Field input N]

要求:

• 字段名称和字段输入必须在左边缘对齐
• 两列都必须根据内容动态调整自己的大小
• 必须跨浏览器工作

我发现这种布局使用 HTML 表格非常简单，但由于我看到很多 CSS 纯粹主义者坚持表格只能用于表格数据，我想我会找出是否有办法使用 CSS 来完成.

Answer 1

我不会，我会用一张 table 。这是表格布局的典型示例 - 表格正是应该用于的那种东西。