1

我有一个<dl>无序的描述列表，因此应该在每个<dt>.

编辑：为了澄清，我有一个无序列表的<dt>-<dd>对。它们应该看起来像一个列表项，<dt>前面有一个项目符号。

我可以想到两种将项目符号应用于此列表的方法：

  1. <ul>在项目周围放置 a<dt>然后<li>s在项目周围放置
  2. 使用<dt>'sCSS :before 伪选择器并给它一个项目符号的内容

用项目符号创建描述列表的更好方法是什么？

感谢您的任何回复。

4

2 回答 2

0

根据我对类似问题的处理，该<dl>标签似乎不支持列表项目符号。这是一个耻辱，因为它是一个 html 列表。（而且，似乎没有人记录这一点。）

幸运的是，您可以毫不费力地用其他代码块打断列表。而且，还有<br />标签。所以....

CSS：

ul.listPlayed {
     list-style-type: square;
}

HTML：

<ul class="listPlayed">
    <li>1st Game<br />
    Description of first game.<br />
    <a href="#">Wikipedia</a><br />
    <a href="#">Official page</a></li>
</ul>

因此，将所有文本放在<li>标签中，并在该集中设置格式。

于 2018-10-13T13:32:57.690 回答
-3

为什么不简单地使用无序列表？你不是有什么特别的原因吗？

但要回答您的问题，您可以使用：

<dt>
   <dd style='display:list-item;'> Content </dd>
   <dd style='display:list-item;'> Content </dd>
</dt>

我不确定跨浏览器的兼容性。

于 2012-07-18T05:52:33.893 回答