html - 如何仅使用 CSS 使 HTML 列表显示没有项目符号符号？

Question

我有一个 HTML 列表。浏览器应该看到列表的存在并相应地排列元素，但是我不希望它在每个元素旁边显示一个项目符号。也就是说，一个普通的列表是这样的：

文字A

文本 B

文本 C

我希望我的列表如下所示：

文字A
文字B
文字C

score 21 · Accepted Answer

ul { list-style: none; }

这样就摆脱了要点。现在您可以继续分配样式以将它们隔开，就像在您的示例中一样，如果这是您真正想要的：

li { padding: 5px 0; }

如果您也不希望在删除项目符号后缩进列表，则需要另外一点，如下所示：

ul {
   list-style: none;
   margin: 0;
   padding: 0;
}

如果您不将边距和内边距都设置为 0，则它在 FF 或 IE 中看起来都正确，但不能同时设置

score 3 · Accepted Answer

3

采用

list-style:none;

在 <ul> 标签的样式中

于 2010-01-26T13:15:03.717 回答

score 3 · Accepted Answer

或者，您也可以使用没有定义术语（元素）的定义列表( dl, dt, )。dddt

<dl>
    <dd>text A</dd>
    <dd>text B</dd>
    <dd>text C</dd>
</dl>

但从语义上讲，我认为无序列表 ( ul, li) 更适合您的特定目的:) 所以请继续使用Erik 解释的一段好的 CSS。

score 0 · Accepted Answer

<ul style="list-style-type:none"></u>

通过将样式类型设置为 none，项目符号将不会显示。

score -1 · Accepted Answer

-1

列表样式类型：大写罗马字；

于 2010-01-26T13:16:10.767 回答

5 回答 5