使用CSS如何最好地显示名称值对？

Question

我还应该使用桌子吗？

我要替换的表代码是:

<table>
    <tr>
        <td>Name</td><td>Value</td>
    </tr>
    ...
</table>

从我读过的东西,我应该有类似的东西

<label class="name">Name</label><label class="value">Value</value><br />
...

非常感谢在线样本的想法和链接.我是一个超出设计深度的开发人员.

编辑:我的需求是能够向用户显示数据并以单独(但几乎相同)的形式编辑值.

Answer 1

我认为定义列表在语义上与名称/值对非常接近.

<dl>
    <dt>Name</dt>
    <dd>Value</dd>
</dl>

定义列表 - 误用或误解？

Answer 2

水平定义列表工作得很好,即

    <dl class="dl-horizontal">
      <dt>ID</dt>
      <dd>25</dd>

      <dt>Username</dt>
      <dd>Bob</dd>
    </dl>

该dl-horizontal班由引导CSS框架提供.

Answer 3

我认为表格最适合表格数据,看起来你已经在那里了.

如果您不想使用表,最好的方法是使用定义列表(<dl> and <dt>).以下是如何将它们设计为与旧<td>布局相似的样式. http://maxdesign.com.au/articles/definition/

Answer 4

对于表格式数据使用表是完全合理的。