display:list-item在Firefox中无法正常工作?

时间:2012-02-17 23:15:00

标签: css firefox rendering listitem

我很确定它已经记录在某个地方了,但我的谷歌搜索和看着这个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

2 个答案:

答案 0 :(得分:1)

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

答案 1 :(得分:0)

我找到了postsite(L部分),注意到这是(一直是)Firefox中的一个错误。

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