显示：table时显示无序列表项目符号

Question

当我尝试将我的列表项的文本换成缩进时，所以列表的项目符号下没有文本，我的项目符号点就会消失。

我已经这样设置了列表的CSS：

ul
{
  display:table;
}

li
{
  display:table-row;
}

如何让我的要点再次显示？

提前谢谢！

[为清晰起见而编辑]

Answer 1

通过设置display:table-row，您可以删除默认列表项目符号，并且（在当前定义和实施的CSS中）无法将其恢复（如果您希望保留display:table-row - 它不是你使用它的原因很明显。）

但是，您可以使用生成的内容生成自己的标记。 e.g。

li:before {
  content: "\2022";
  padding-right: 0.5em;
}

符号\2022代表U + 2022 BULLET“•”。通常它看起来与默认列表项目符号不同，但类似。您可能希望尝试不同的字体（您可以设置伪元素的字体与项目内容中的字体不同）。

Answer 2

您需要display: list-item才能显示子弹。从display: table-row元素中删除<li>。它不仅可以移除子弹，而且list-item无论如何都能正确包装内容。