将项目符号样式添加到 dd 元素答案

【问题标题】：Add bullet styling to dd element将项目符号样式添加到 dd 元素
【发布时间】：2010-12-15 19:41:39
【问题描述】：

我在我的一个项目中使用dl、dt 和dd 标签。我想在dd 之前显示一个项目符号。如何使用 CSS 将我的 dds 变成项目符号列表？

【问题讨论】：

感谢大家展示：list-item 发挥了作用

【解决方案1】：

使用背景图片。

或者试试：

dd
{
    display: list-item;
    list-style-type: disc;
}

不知道它是否会起作用。

【讨论】：

【解决方案2】：

在 Firefox 中对其进行了测试，只需添加样式 display:list-item 就可以了

【讨论】：

【解决方案3】：

您可以在“dd”标签中使用样式属性，也可以将其移至“样式” 部分作为类或 id。由于 dl 是列表类型，因此您不需要 “显示：列表项；”我想，也可能是错的。无论如何，这可能会被使用。除了光盘，您还可以使用其他类型（查看http://www.w3schools.com/css/pr_list-style-type.asp）...

<html>
  <body>
    <dl>
      <dt>Term</dt>
      <dd style="display: list-item;">Term description</dd>
    </dl>
  </body>
</html>

希望这会有所帮助。

【讨论】：

内联样式是不好的做法......使用样式表......这就是它的用途！

【解决方案4】：

最简单的方法是更改 <dd> 上的属性

dd {
    display: list-item;
    list-style-type: disc;
    }

适用于所有浏览器。

见这篇文章：http://www.quirksmode.org/css/display.html

【讨论】：

可能还需要使用边距/填充。