不明白为啥要为啥了已经对contain做了居中的操作，还要对u1和li操作，而且为啥要消除文本与div之间的距离
<style>
.contain{
text-align:center;
}
.contain u1{
list-style:none;
margin:0；
padding0；
display:inlinw;
}
.contain li{
margin-ringht:8px
display:inline
}
</style>
qq_最爱唐七公子_0
2016-07-27
4 回答
一，contion居中操作的作用：对其下属的子选择器“ul”起到居中作用。（即整体居中显示）
二，li执行display:inline;操作的目标：display:inline的意思可以理解为按行排列，（原本123应该是按列排列，也就是竖着排列）
三，ul执行display:inline;操作的目标：
其主要目的是针对于多个<ul>标签所执行的，在原文件里新增一个<ul>:
<ul>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
<li><a href="#">6</a></li>
</ul>
原结果如下：1 2 3 4 5 6
假如去掉<ul>中的display:inline，结果如下：
1 2 3
4 5 6
四，margin:0;padding:0（消除文本与div边框之间的间隙）：
前面指出contain居中操作的作用对其下属的子选择器“ul”起到居中作用，文本123不直接属于contain的子集，margin:0;padding:0的作用就在于此（多个ul看到的效果更明显，这里不在细说）。
希望能够对你有所帮助。
举报
0/150
提交
取消
