我创建了一个无序列表。我觉得无序列表中的项目符号很烦人,所以我想删除它们。

有可能有一个没有项目符号的列表吗?


当前回答

您需要使用列表样式:none;

<ul style="list-style: none;">
    <li>...</li>
</ul>

其他回答

您可以通过在父元素(通常是<ul>)的CSS上将列表样式类型设置为none来删除项目符号,例如:

ul {
  list-style-type: none;
}

如果还想删除缩进,您可能还需要在其中添加填充:0和边距:0。

有关列表格式技术的详细演练,请参见Listutorial。

如果您想仅使用纯HTML实现这一点,此解决方案将适用于所有主要浏览器:

描述列表

只需使用以下HTML:

<dl><dt>列出项目1</dt><dd>子项1.1</dd><dt>列出项目2</dt>子项2.1</dd>子项2.2</dd>子项2.3</dd><dt>列出项目3</dt><dd>子项3.1</dd></dl>

此处示例:https://jsfiddle.net/zumcmvma/2/

此处参考:https://www.w3schools.com/tags/tag_dl.asp

要完全删除ul默认样式:

    list-style-type: none;

    margin: 0;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0;
    margin-inline-end: 0;
    padding-inline-start: 0;

我试着观察到:

header ul {
   margin: 0;
   padding: 0;
}

在BOOTSTRAP中,可以通过在li标记的父类上设置列表未设置样式的类来删除项目符号。

<ul className="list-unstyled">
    <li>One</li>
    <li>Two</li>
    <li>Three</li>
</ul>