                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /初识HTML(5)+CSS(3)-升级版

如何让ol标签的序号也居中？

<head>

<title></title>

<style type="text/css">

ol{

text-align:center;

background:red}

</style>

</head>

<body>

<div>

<ol>

<li>中国</li>

<li>山东</li>

<li>济南</li>

<li>天桥</li>

<li>嘉惠</li>

</ol>

</div>

</body>

慕粉3926332

2016-09-08

源自：初识HTML(5)+CSS(3)-升级版 5-9

关注问题我要回答

4072

操作

收起

7 回答

独思回答被采纳 +3 积分
2016-09-08

<head>

<title></title>

<style type="text/css">

div{

position: absolute;

top:200px;

left:200px;

}

</style>

</head>

<body>

<div>

<ol>

<li>中国</li>

<li>山东</li>

<li>济南</li>

<li>天桥</li>

<li>嘉惠</li>

</ol>

</div>

</body>

1 回复有任何疑惑可以回复我~

#1

积分就是每天分享和回答学习中的遇到的问题进行提问或者回答而给的积分

2016-09-08 回复有任何疑惑可以回复我~

小梅花
2016-09-08

一、

<style type="text/css">
ol,li{
text-align:center;
background:red}
</style>
二、

<style type="text/css">
li{
text-align:center;
background:red}
</style>

三、

<style type="text/css">
ol{
text-align:center;
background:red}
</style>

三种试过都会居中，不知道第三种你的为啥不会，你试试另外两种

1 回复有任何疑惑可以回复我~

#1

慕粉3926332 提问者

不是不是，我想要的是前面的序号也居中，就是1.2.3能跟文本在一起，而不是在左边.. 你这几个好像都不行0.0

2016-09-08 回复有任何疑惑可以回复我~

#2

慕粉3926332 提问者

你可以参考一下下面独思的答案那个才是我想要的哈哈不过还是谢谢你哈哈。

2016-09-08 回复有任何疑惑可以回复我~

euchoaire3810758
2016-09-08

用text-align:center;

0 回复有任何疑惑可以回复我~

慕哥9909994
2016-09-08

写法没问题。这样也可以居中

0 回复有任何疑惑可以回复我~

独思
2016-09-08

你直接间DIV定位在中间就好了

0 回复有任何疑惑可以回复我~

iv01
2016-09-08

<head>

<title></title>

<style type="text/css">

ol li{

text-align:center;

background:red}

</style>

</head>

<body>

<div>

<ol>

<li>中国</li>

<li>山东</li>

<li>济南</li>

<li>天桥</li>

<li>嘉惠</li>

</ol>

</div>

</body>

0 回复有任何疑惑可以回复我~

#1

慕粉3926332 提问者

原来这样就行了。谢谢大神0.0

2016-09-08 回复有任何疑惑可以回复我~

#2

慕粉3926332 提问者

回复错了，不好意思0.0

2016-09-08 回复有任何疑惑可以回复我~

雷欧奥特曼
2016-09-08

把ol外层块级元素添加margin:0 auto; 并给其设定宽度

0 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

初识HTML(5)+CSS(3)-升级版

参与学习 1226887 人
解答问题 18245 个

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

本课相似问答

1 回答如何序列标签中添加图片、链接？

3 回答怎么让标题居中

4 回答如何居中？

2 回答求教如何设置让#box1居中显示啊

3 回答background怎么覆盖ol的序号呢？

搜索更多本课相关问答

如何让ol标签的序号也居中？

我要回答关注问题

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

扫描二维码
关注慕课网微信公众号