Question

我很确定它已经记录在某个地方了，但我的谷歌搜索和看着这个mdn并没有给我任何实质性的东西。

考虑以下示例：

<doctype html>
<html>

  <head>
    <title>Array test</title>
  </head>

  <body>
    <style scoped>
      div {
        margin: 20px;
        padding: 20px;
        display: list-item;
        list-style-type: decimal;
      }
    </style>

    <div>one</div>
    <div>two</div>
    <div>three</div>
    <div>four</div>
  </body>

</html>

如果你在Chrome或Safari中渲染它，或者我可以抓住任何webkit浏览器，div将被编号为1,2,3,4。但在Firefox中，所有项目都将为0.

有解决方法吗？在纯CSS？

TIA

Answer 1

如果你想使用纯CSS解决方案，你可以明确使用CSS计数器，对吗？

Answer 2

我找到了post和site（L部分），注意到这是（一直是）Firefox中的一个错误。

我发现的唯一解决方案是div项必须由ol：http://jsfiddle.net/Rvux3/3/包裹，当然，这不是纯CSS解决方案，也不是验证（如果您要使用li，也可以使用ol项。

display：list-item在Firefox中无法正常工作？

2 个答案: