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

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


当前回答

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

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

其他回答

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

ul {
  list-style-type: none;
}

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

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

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

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

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

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

li {
    list-style: none !important;
}

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

li:before {
    display: none;
}

对前面的答案进行了小的改进:如果较长的行溢出到其他屏幕行,则使其更可读:

ul, li {list-style-type: none;}

li {padding-left: 2em; text-indent: -2em;}

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

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