有序列表（ol）显示未编号？

我在我的页面上有一个有序列表（ol），但编号根本没有显示！我已经做到了这一点：有序列表（ol）显示未编号？

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

正如我已经输入上述情况，计算器能够正确地渲染它，我想它的样子，就像这样：

我的文字

我的文字

我的文字

但是，这并没有发生在我的网页上。我在本地主机上的Firefox中查看此信息。

如果有人知道我的ol为什么看起来像ul's（即没有编号），我会很感激的帮助。如果没有，请让我知道如何使用ul's来实现编号列表。

谢谢全部

来源

2010-04-15 Abs

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

来源

2010-04-15 01:04:53 nickf

我用firebug看看它继承的任何属性，但它们不是可以影响ol的东西！我特别寻找'list-style'但没有任何东西！ :( – Abs 2010-04-15 01:17:47

啊，我找到了，我只是在找ol/ul的样式，而不是li自己！谢谢nickf！ – Abs 2010-04-15 01:28:41

尝试list-style-type: decimal;在您的CSS为ol。

Here's您可以使用更多的值。

来源

2010-04-15 01:05:19 roflwaffle

虽然list-style-type是最有可能的问题，特别是如果你已经使用了重置样式表，你也可以确保该列表的margin-left/padding-left足够大的数字可以放入的空间。

此外，值得添加list-style-position: inside;以查看浏览器是否正在生成/应用数字。

来源

2010-04-15 01:11:06

Bang on！花了一段时间在我的头上挠了一下，没有足够的填充。 – codemonkey 2015-10-05 13:45:43

我刚刚遇到了这个问题。很奇怪。

如果我禁用：

ol li {overflow: hidden;}

号码弹出。

否则，他们都坐着显示0作为他们的号码。

来源

2011-07-08 15:00:59 Timbadu

最近我有同样的问题在Firefox 6

这个CSS代码显示出来阻止的数字：

ol li { 
    display:block; 
}

删除“显示：块”透露他们！

来源

2011-08-19 11:20:12 Friend

我刚刚有同样的问题，事实证明我只是没有关闭<div>希望这可以帮助别人！

来源

2011-12-13 12:46:35 Coz

好的，我有同样的问题，我所做的是在LI定义'display：list-item;'中设置。这已被重写为'display：block'别处。

我也改变了list-style-position从内部到外部，这样它就会以我想要的格式。

来源

2012-01-06 19:07:13 Danconia

这个工作对我来说也是如此 – 2013-05-28 00:18:55

样式为“列表”的项目需要按照W3C CSS3规范将其显示属性设置为“list-item”。请参阅此答案：http://stackoverflow.com/a/6257085/3191708 – 2015-07-23 15:45:47

非常怪异的情况下，在Adobe Dreamweaver的CS6我ol和ul显示数字和子弹。他们没有在任何类型的浏览器中显示。该网站包裹着一个有整个网站的display：block。我不得不进入下面的CSS来显示数字和项目符号。

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

来源

2013-03-21 19:57:35 Huffdaddy

这工作显示数字，但杀死了'inline-block'， 'float：left;'虽然允许两种效果。 – 2015-12-31 05:06:38

在回答

可能的另一种可能：

去除填充可以修复不显示up.This在Chrome为我工作的数字，不知道这是否是在其他浏览器

来源

2015-05-27 19:37:24 babycakes

引导看起来都是一样的有这样的默认样式：

ul, menu, dir { 
    display: block; 
    list-style-type: disc; 
    -webkit-margin-before: 1em; 
    -webkit-margin-after: 1em; 
    -webkit-margin-start: 0px; 
    -webkit-margin-end: 0px; 
    -webkit-padding-start: 40px; 
}

则应覆盖此删除显示：块和移动位置内：

ol { 
    list-style-type: decimal; 
    list-style-position: inside; 
    -webkit-margin-before: 1em; 
    -webkit-margin-after: 1em; 
    -webkit-margin-start: 0px; 
    -webkit-margin-end: 0px; 
    -webkit-padding-start: 0px; 
}

来源

2016-11-25 23:30:20

谢谢你真的很感谢这个答案我在CSS文件中添加了错误的标签，现在由于错误的css标签工作正常，错误。我的网站tendtoread.com如果您仍然遇到任何问题，您可以检查元素并在下面添加此代码。我使用WordPress的版本。

.entry ol ul li, .entry ol li { 
    list-style: decimal; 
    font-family: initial; 
    color: #000000; 
}

样式族必须采用十进制形式。

来源

2017-01-27 05:57:02

有序列表（ol）显示未编号？

回答

相关问题