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


Ordered/Unordered list tag <ol><ul> does not display list bullets

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

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

(有序/无序标记,每个新行的li

知道为什么会发生这种情况吗?是否需要在 CSS 中添加某些内容?还是<ol>标签已更新为其他内容?

如果您想查看特定网页,就是这样:http://www.policehow.com/education2.php("您可以做什么"部分下的部分)

项目符号/订购编号未显示

您的代码在您的网站上运行良好。但是,当您检查元素时,您会看到<ul>元素具有padding:0; 。删除它后,它将正常工作,如您在此小提琴中看到的那样。

填充来自 css 中的第一行。

*{margin:0; padding:0;}

您可以为 ul/ol 添加其他规则

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

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

padding-left: 20px;添加到ul中,它应该可以工作,它们目前只是隐藏在视线之外。