有序/无序列表标记<ol> <ul>不显示列表项目符号</ul> </ol>

Question

我是编程/网站建设的新手，最近下载了一个HTML5模板，并通过PHP自定义它。出于某种原因，当我输入以下代码时，列表项目符号不会出现在呈现的页面上：

<ol>
    <li>Data</li>
    <li>More data</li>
</ol>

（每个新行都带有li的有序/无序标签）

有关为什么会发生这种情况的任何想法？是否需要在CSS中添加某些内容？或者<ol>标记是否已更新为不同的内容？

如果您想查看特定网页，请注意：http://www.policehow.com/education2.php（“您可以做什么”部分下的部分）

子弹/有序号码未显示

Answer 1

您的代码在您的网站上正常运行。但是，当您检查元素时，您会看到<ul>元素具有padding:0;。删除后，它会正常工作，如this fiddle中所示。

填充来自你在CSS中的第一行。

*{margin:0; padding:0;}

您可以为ul / ol

添加其他规则

ul.showPadding, ol.show { padding: 40px; }

现在将您的代码更改为<ul class="showPadding">等。由于您在许多位置都有许多列表，我建议您使用这样的特定类，而不是为所有元素更改它。

Answer 2

将padding-left: 20px;添加到ul，它应该有效，它们目前只是隐藏在视线之外。