将 div 显示为有序列表项时，Firefox 问题显示为零？答案

【问题标题】：Firefox issue displays zeros when displaying divs as ordered list items?将 div 显示为有序列表项时，Firefox 问题显示为零？
【发布时间】：2013-10-05 05:50:46
【问题描述】：

看看-

http://jsfiddle.net/v23UU/13/

它在 IE 和 Chrome 中有效，但在 firefox 4 中无效。有人知道为什么吗？我发现了一些东西 similar 但不知道如何让它工作？感谢您的帮助！

【问题讨论】：

并不是说不应该有办法做到这一点，但是有没有理由你不能只使用语义列表项标签<li> 而不是自己任意设置<div> 的样式？在那张纸条上，我玩了一些东西，但也无法让它在 Firefox 5 上工作......所以我很好奇问题是什么，但我认为你应该只使用 <li> 的方式它们是用来使用的。
是的..可能会去那个..我只是想知道这里发生了什么。
只需在您的列表项周围加上<ol>，它就会起作用

标签： css firefox html listitem html-lists

【解决方案1】：

这与列表项计数器实际上并不是 Gecko 中的 CSS 计数器这一事实有关，大多数情况下。详情请见https://bugzilla.mozilla.org/show_bug.cgi?id=4522。

要让它工作，您需要使用 CSS 计数器或周围有一个实际的列表元素。

【讨论】：

【解决方案2】：

不是您问题的完美答案，但仍然是一种解决方法。

我花了大半天的时间试图弄清楚如何解决这个令人沮丧的老错误（一个错误修复 14 年？真的是 Mozilla？）。我无法找到解决问题的解决方案，但最终我选择了一个总比没有好的折衷方案。

在 CSS 文件中：

    .mylist{
       display: list-item;
       list-style: decimal;
    }

    @-moz-document url-prefix() {
       .mylist {
          list-style: disc;
       }
    }

在 Opera、IE、Chrome 中显示：

    1. Item 1
    2. Item 2

在 Firefox 中显示：

    * Item 1
    * Item 2

这会将十进制列表样式应用于除 Firefox 之外的所有浏览器中的 .mylist 类，它获取的是磁盘列表样式。这并不理想，因为它仍然无法在 Firefox 中正确排序您的列表，但至少它允许列表在大多数浏览器中正确显示，同时在 Firefox 中将其转换为无序列表，而不是以“0”开头的项目列表。”。

无论出于何种原因，Jsfiddle 似乎都不喜欢“@-moz-document”语法，但它可以在实时页面中使用。

【讨论】：