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

.container ul{list-style:none; display:inline}感觉这里不好理解，在下面的li里面设置display:inline不就行了，为什么要两个都设置？

Zfang

2016-04-18

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

关注问题我要回答

704

操作

收起

2 回答

忆_卿回答被采纳 +3 积分
2016-04-25

我是这么理解的其实这种不定宽水平居中第二种方法其实就是前面学的水平居中设置-行内元素，要想子类内容居中父类必须要加text-align:center; 子类要是行内元素。而ul是块状元素所以要加inline; 你不信的话，可以把 ul的 display:inline属性去掉然后加上 text-align:center; 居中的就是ul 子类<li>内容。

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

收起回答

Zfang 提问者

非常感谢！

2016-05-03 回复有任何疑惑可以回复我~

忆_卿回复 Zfang 提问者

补充一下，text-align:center;是有继承性的 display:inline;没有继承性。

2016-05-06 回复有任何疑惑可以回复我~

qq_人生是一场修行_03188787

我理解你说的话，那其实直接把ul当成父辈也可以实现的啊 .container ul{list-style:none;margin:0;padding:0px;text-align:center;} .container li{margin-right:8px;display:inline;} 那.container{text-align:center;}是多余的咯

2016-07-19 回复有任何疑惑可以回复我~