订购清单(ol)显示未编号？

Question

我的页面上有一个有序列表(ol),但编号根本没有出现!我这样做了:

<ol>
<li>my text</li>
<li>my text</li>
<li>my text</li>
</ol>

正如我输入的那样,stackoverflow能够以我想要的方式正确呈现它,如下所示:

1. 我的文字
2. 我的文字
3. 我的文字

但是,我的网页上没有发生这种情况.我在我的localhost上的Firefox中查看此内容.

如果有人知道为什么我的ol看起来像ul(即没有编号),我将不胜感激.如果没有,请告诉我如何使用ul进行编号列表.

谢谢大家

Answer 1

这将是一个CSS问题.CSS可以改变编号/子弹样式,甚至可以完全关闭它.使用Firebug,检查元素并查看右侧的CSS样式,以查看正在应用的样式.寻找一个叫做的人list-style.

Answer 2

虽然这list-style-type很可能是问题,特别是如果你使用了重置样式表,你也可以确保列表的margin-left/ padding-left足够大,使得数字可以适应空间.

此外,可能值得添加list-style-position: inside;只是为了查看数字是否由浏览器生成/应用.

Answer 3

非常奇怪的情况,我ol和ulAdobe Dreamweaver CS6中显示的数字和项目符号.它们没有显示在任何类型的浏览器中.该网站包含一个显示:整个网站的块.我必须输入下面的CSS才能显示数字和项目符号.

li {
  display: list-item;
  list-style-position: inside;
}

Answer 4

如果您使用重置样式表，则可以通过 css 启用编号。

ol li {
    list-style: decimal;
    list-style-position: inside;
}

Answer 5

试试list-style-type: decimal;你的CSS ol.

这里有一些你可以使用的值.

Answer 6

好吧,我遇到了同样的问题,我所做的就是在LI定义'display:list-item;'中设置.这已被覆盖为'display:block;' 别处.

我还将列表样式位置从内部更改为外部,以便它采用我想要的格式.

Answer 7

最近我在Firefox 6中遇到了同样的问题.

此css代码阻止数字显示:

ol li {
  display:block;
}

删除"display:block"显示了它们!