如何从 li 中删除项目符号点

在 HTML 中，我们使用无序列表（<ul>）或有序列表（<ol>）来展示一组相关的列表项，而每个列表项通常以一个项目符号（无序列表使用圆点，有序列表使用数字）开头。但有时候，我们需要在列表中取消这些项目符号，例如，我们希望列表项之间直接对齐、使用自定义符号等。本文将介绍如何从 li 中删除项目符号点。

使用 CSS 设置样式

我们可以使用 CSS 的 list-style-type 属性来设置列表项前面的项目符号。如果将其设置为 none，则将不会显示项目符号。

li {
  list-style-type: none;
}

此时，列表项前面的项目符号将不再显示。

使用 HTML 空格字符

另一种方法是在每个列表项前面添加一个 HTML 空格字符（ ），从而将项目符号挤出去。

<ul>
  <li>&nbsp;列表项1</li>
  <li>&nbsp;列表项2</li>
  <li>&nbsp;列表项3</li>
</ul>

这样，列表项前面的项目符号就被删除了。但需要注意的是，这种方法可能会导致列表项中的文字与列表左边缘对齐不准确，需要通过适当调整空格字符位置来解决。

使用 CSS 伪元素

最后，我们还可以使用 CSS 的伪元素 ::before 或 ::after 来为每个列表项添加自定义的符号，从而代替默认的项目符号。然后将 list-style-type 属性设置为 none，即可删除默认的项目符号。

li::before {
  content: "★";
  margin-right: 10px;
}
ul {
  list-style-type: none;
}

这里使用 Unicode 编码的黑色五角星符号作为自定义符号，通过 content 属性将其作为 li 元素的伪元素内容，并通过 margin-right 属性调整其位置。最后，通过 list-style-type 属性将默认的项目符号删除。这样，列表项前面就展示了自定义的符号。

以上就是如何从 li 中删除项目符号点的三种方法。可以根据实际需求选择其中一种适用的方法。