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

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


当前回答

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

ul {
  list-style-type: none;
}

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

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

其他回答

这将垂直排列一个没有项目符号的列表。只有一行!

li {
    display: block;
}

如果您想仅使用纯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

我试着观察到:

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

如果您正在开发现有主题,则该主题可能具有自定义列表样式。

因此,如果无法使用列表样式更改列表样式:none;在ul或li标签中,首先检查!重要的是,因为可能有其他风格行正在覆盖您的风格。如果重要的是修复了它,您应该找到一个更具体的选择器并清除!重要的

li {
    list-style: none !important;
}

如果不是这样的话,请检查li:before。如果包含内容,请执行以下操作:

li:before {
    display: none;
}

如果您想在不使用CSS的情况下保持简单,我只需要;在我的代码行中。即<table></table>。

是的,它会留下一些空间,但这不是坏事。