Question

所以我试图在DL中显示数据，其中动态DD数据在DT之前列出。

示例：“3票，6评论”与“票数3，评论6”。

<dl>
    <dt>Votes</dt>
    <dd>3</dd>
    <dt>Comments</dt>
    <dd>6</dd>
</dl>

DL具有最大的语义感;但是如果没有亲子关系，我就不能使用浮动。

有没有办法让这项工作？或者是否有更好的语义解决方案？

Answer 1

至于我自己，我会使用简单的列表，如下所示：

HTML

<ul>
  <li data-n="1">Vote</li>
  <li data-n="6">Comment</li>
</ul>

CSS

ul { list-style: none; }
ul,li { margin: 0; display: inline-block; }
li:before { content: attr(data-n) " "; }
li:not([data-n="1"]):after { content: "s"; }

Demo

我认为DL在这种情况下不会产生语义意义，因为它不是“投票”和“评论”术语的定义

在</dd> <dt>之前显示<dd>数据？

1 个答案: