如何让 Flexbox 布局的列表项同时显示列表符号？

解决方案

要同时显示 flexbox 布局和列表符号，可以使用以下方法：

• list-style-position: 将其设为 inside 可将符号放在列表项内部。

li {
  display: flex;
  list-style-position: inside;
}

登录后复制

• ::marker: 伪元素: 它允许您指定列表符号样式，无论 display 属性如何。

li::marker {
  display: block;
  content: "●";
  margin-right: 10px;
}

li {
  display: flex;
}

登录后复制

此外，确保 flexbox 容器没有设置 list-style-type: none;，因为这将完全禁用列表样式。