当我把ul和li中的display:inline都删掉后，“123”还是会整体居中 ，ul是块状元素，在15-2小节上不识说，当被设置为元素为块状元素时用text-align：Center就不起作用了吗？ 请问这一块该怎么理解
当我把ul和li中的display:inline都删掉后，“123”还是会整体居中 ，ul是块状元素，在15-2小节上不识说，当被设置为元素为块状元素时用text-align：Center就不起作用了吗？ 请问这一块该怎么理解
qq_倾听雨的声音_iswG28
2018-10-06
5 回答
我也是刚弄明白，li的display:inline是为了将竖行的123改到一行里,ul的display:inline是为了改123的宽度，而第一个display:inline是设置居中的，虽然是块级元素div，但是里面的文本继承了父级的属性。
我给代码加了点颜色：
<style>
.container{text-align:center;}
.container ul{list-style:none;margin:0;padding:0;background-color:yellow;display:inline;}
.container li{margin-right:8px;display:inline;background-color:blue;}
</style>
</head>
<body>
<div class="container">
<ul>
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
</ul>
</div>
</body>
举报
0/150
提交
取消
