Html CSS显示的用途是什么；列表项“；如果没有显示“；列表“；？

我希望创建一个HTML列表元素，其中包含来自div标记的列表项。我知道有

显示：列表项

，但如果我有：

 <ul>
  <li>A</li>
  <li>B</li>
  <li>C</li>
 </ul>

A.
B
C

我甚至不想麻烦使用

显示：列表项

，创建一个容器，在其中嵌套div“items”，然后使用伪元素创建项目符号：

.list
{
显示：块；
左侧填充：20px；
}
.项目
{
显示：块；
边缘底部：2px；
位置：相对位置；
}
.项目：在
{
内容：“；
显示：块；
宽度：6px；
高度：6px；
边界半径：3px；
背景：#000；
位置：绝对位置；
左：-13px；
顶部：6px；
}

A
B
C


A.
B
C

使用

列表项

可以执行以下操作：

元素为内容生成一个块框和一个单独的列表项内联框

因此，您需要定义列表项，此属性允许您定义以下其他属性：

.list > div {
    display:list-item;
    list-style-type: disc;
    list-style-position: inside;
}

检查这个

注>>

---

如果你想定义某种类型的子弹型图像，我建议使用@Doctus的答案，但是如果你想要一些数字，让我们用这个来改变星号，用十进制来改变星号。您只需将

列表样式

属性添加到

列表

项中即可

例如

.item{
显示：列表项；
列表样式：光盘内置；
}

HTML列表元素-如

，

，

-类似于

，它是一个通用的块级容器

唯一的区别是UAs在用户代理样式表中的元素上应用了一些

填充

，

边距

。例如，Google Chrome将以下内容应用于

元素：

ul，菜单，目录{
显示：块；
列表样式类型：disc；
-之前的webkit保证金：1em；
-webkit后的页边距：1em；
-webkit保证金开始：0px；
-webkit页边距结束：0px；
-webkit填充开始：40px；
}

可以看到，在

的右侧有

填充

，允许在每个项目旁边（左侧）显示标记（项目符号）。否则它们会从盒子里伸出来，看不见

因此，为了伪造

的效果，您将得到如下结果：

.list > div {
    display:list-item;
    list-style-type: disc;
    list-style-position: inside;
}

.list{
边缘顶部：1米；
边缘底部：1米；
左侧填充：40px；
}

---

或者，我们可以通过为列表项指定

列表样式位置：inside

，将标记的位置更改为框内的

。
这并不能回答任何问题。@JukkaK.Korpela“有没有办法使用标记获得
等价物？”@是的，我建议您使用其中一种：）这会创建一个项目符号列表，但它不会按照要求创建与
等效的列表。因此，我想知道真正的问题是什么。实际上，它不必使用
列表样式
属性。只需在
.list
的右侧添加一些填充，就可以看到项目符号。要伪造
（摘自Chrome）：
.list{margin top:1em；margin bottom:1em；padding left:40px；}
@HashemQolami请将您的便笺作为asnwer发布。。。因为这才是真正的答案，所以塞尔玛和我的答案唯一有帮助的就是里面的
rule@HashemQolami：同意Danko