我可以使用list-style-type来表示div标签吗？

Question

我一直在研究CSS。我知道我们可以使用list-style-type属性来设置列表标记。我们可以将该属性应用于div代码吗？

Answer 1

是的，你可以。以下内容使div标记与列表项类似：

div {display:list-item;}

Answer 2

您可以在任何HTML元素上设置任何CSS属性。实际上，元素始终具有所有CSS属性（如果未设置，则将定义的初始值作为值）。但是，并非所有属性都会对所有情况下的所有元素产生影响。

特别是，list-style-type property的定义是：“适用于：带有'display：list-item'的元素”。这里“适用于”意味着“对渲染有影响。”

此外，即使您在display: list-item上设置div，也不会有任何列表标记（如项目符号或数字），除非元素左侧有空格容纳它的内容。您可以使用保证金属性来安排空间。例如：

div {
  display: list-item;
  margin-left: 1.3em;
  list-style-type: circle;   
}