Php 有序/无序列表标签<;ol>&书信电报;ul>;不显示列表项目符号
我是编程/网站建设新手,最近下载了一个HTML5模板,并通过PHP对其进行了定制。由于某些原因,当我输入以下编码时,列表项目符号不会出现在渲染页面上:Php 有序/无序列表标签<;ol>&书信电报;ul>;不显示列表项目符号,php,jquery,css,html,Php,Jquery,Css,Html,我是编程/网站建设新手,最近下载了一个HTML5模板,并通过PHP对其进行了定制。由于某些原因,当我输入以下编码时,列表项目符号不会出现在渲染页面上: <ol> <li>Data</li> <li>More data</li> </ol> 资料 更多数据 (对于每一新行,带有li的有序/无序标签) 你知道为什么会这样吗?是否需要在CSS中添加一些内容?或者,标记是否已更新为其他内容 如果你想看一看特定的
<ol>
<li>Data</li>
<li>More data</li>
</ol>
资料
更多数据
(对于每一新行,带有li
的有序/无序标签)
你知道为什么会这样吗?是否需要在CSS中添加一些内容?或者,
标记是否已更新为其他内容
如果你想看一看特定的网页,这就是它:(在“你能做什么”部分下的部分)
项目符号/订购编号没有显示您的代码在您的网站上运行良好。但是,当您检查元素时,您将看到
元素具有填充:0代码>。一旦你删除了它,它就会工作得很好,正如你在中看到的
填充来自css中的第一行
*{margin:0; padding:0;}
您可以为ul/ol添加另一条规则
ul.showPadding, ol.show { padding: 40px; }
现在将您的代码更改为
等。由于您在许多位置上都有许多列表,我建议使用这样的特定类,不要对所有元素都更改它。添加padding left:20px
到ul
应该有效,它们目前只是隐藏在视线之外。你说的“不起作用”是什么意思?请详述你说的“不起作用”是什么意思ol
和li
只是简单的HTML。看起来很好这个部分看起来不错。。这就是李的工作原理。你为什么要添加!重要信息
在这里?它不需要&打破了级联。我想它可以被忽略,只是认为它可能会有帮助。这意味着如果您想更改不同列表上的填充(例如
,那么您也需要使用!important
标志来覆盖其他重要标志)。一般来说,除非真的有必要,否则使用它被认为是不好的做法,因为你最终会在CSS中乱丢覆盖。是的,似乎有一个不需要的“overflow:hidden;”标记在那里导致了问题。我想增加一点比目前更多的填充,但这样做的问题是,它会使网格失去平衡,扭曲整个网站。谢谢你的帮助!