Ol居中显示为什么数字不居中。改了块级就居中了。是OL不是块级元素问题吗？
来源：12-2 我要独占一行 - 块级元素
最近的距离是多少3456060
2016-06-11 16:32
OL是块级元素吗？ 那么这个样怎么解释？
span{ text-align:center;}
<span><ol>
<li>123</li>
<li>456</li>
</ol></span>
这个有序列表能居中显示内容可是数字不居中。
span{ text-align:center;display:block}
ol{display:inline-block}
<span><ol>
<li>123</li>
<li>456</li>
</ol></span>
加了display之后可以居中显示包括有序列表前面的数字。还是说数字本来就不在有序列别的块级元素里面呢？
写回答
关注
3回答
-
- franzimoney
- 2016-06-14 21:31:57
我的想法是，你的第一个代码中，<ol>作为一个块级元素不能用<span>来转变格式，块状元素是自己一行的，而第二个代码中，span变成了块级元素而ol变成了内联块状元素，那么对于上级块状元素（指span）的描述可以由下级内联块状元素（指ol）来继承，所以就变格式了
-
- 进击的小奇
- 2016-06-18 20:03:21
用不同浏览器试一下，这个是兼容模式不同导致的。
-
- 刘蹦跶926458
- 2016-06-11 16:56:32
ol是块级元素。
初识HTML(5)+CSS(3)-升级版
HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义
1225808 学习 · 18234 问题
相似问题