为了账号安全,请及时绑定邮箱和手机立即绑定

水平居中总结-不定宽块状元素方法(二),为什么将ul改为ol后还是无序的,没有顺序

<!DOCTYPE HTML>

<html>

<head>

<meta charset="utf-8">

<title>不定宽块状元素水平居中</title>

<style>

div{

    width:200px;

    height:200px;

    border:2px red solid;

    right:100px;    

    top:20px;

}

.container{text-align:center;}

.container ol{margin:0;padding:0;}

.container li{margin-right:8px;display:inline;}

</style>

</head>


<body>

<div class="container">

    <ol>

    <li><a href="#">我们 </a></li>

        <li><a href="#">你们 </a></li>

        <li><a href="#">他们 </a></li>

    </ol>

</div>

</body>

</html>

/*将ul改为ol,给div设好边框,也没看到ol前的1,2,3顺序,是我打错了么*/

正在回答

1 回答

你把<li>这个块状元素设置成了行内元素

.container li{margin-right:8px;display:inline;}

你把display:inline;去掉看看,有序列表好像排在一行就不能显示序列了

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

举报

0/150
提交
取消

水平居中总结-不定宽块状元素方法(二),为什么将ul改为ol后还是无序的,没有顺序

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信