个性化阅读
专注于IT技术分析

在ol li列表中看不到数字

我在网站上有一些编号列表, 其中包含我当前正在开发的wordpress模板。但是, 我看不到编号列表之前的数字。

我已经设置了list-style-type:ol> li的小数, 并尝试了其他一些方法, 但是似乎没有任何效果。

有人可以帮我吗? (这可能是一个非常明显的错误, 但是我没有更多的方法去做这件事)

谢谢!

示例页面


#1


你无需在单个li上设置list-style-type, 但可以在包含的ol或ul上设置list-style-type。

在CSS中, 你需要进行以下设置:

.wrapper .entry-content ol {
    list-style-type: none;
    margin: 0;
}

当列表样式需要向左增加25px的填充时, 你还将在CSS中进一步向下填充填充。

尝试这个:

.wrapper .entry-content ol {
    list-style-type: decimal;
    margin: 0;
    padding-left: 25px;
}

#2


尝试使用

ul {        
 list-style-position: inside;
}

#3


你先关掉然后再关

.wrapper .entry-content ol {
    list-style-type: none;
}

你需要重新打开它们。

.wrapper .entry-content ol {
    list-style-type: decimal;
}

#4


试试这个:list-style-type:十进制!important;请谨慎使用。


#5


我做了一点测试页:

<html>
	<head>
		<title>Test Page</title>
	</head>
	<body>
		<ul>
			<li>ul no style</li>
			<li>test</li>
		</ul></br>
		<ul style="list-style-type: decimal">
			<li>ul with style</li>
			<li>test</li>
		</ul></br>
		<ol style="list-style-type: decimal">
			<li>ol with style</li>
			<li>test</li>
		</ol></br>
		<ol>
			<li>ol without style</li>
			<li>test</li>
		</ol>
	</body>
</html>

如你所见, 无需为有序列表设置样式。

如果需要数字, 则不能仅包含样式, 而应使用<ol> </ ol>标记。

赞(0) 打赏
未经允许不得转载:srcmini » 在ol li列表中看不到数字
分享到: 更多 (0)

评论 抢沙发

评论前必须登录!

 

觉得文章有用就打赏一下文章作者

微信扫一扫打赏