我是编程/网站建设的新手,最近下载了一个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
中,它应该可以工作,它们目前只是隐藏在视线之外。