距开课0天0时0分-10277166秒
学习ing2016-12-21 11:41:17 0 1 785
[CSS讨论组]举报回复话题 ↕
为什么li和ul都要display：inline， 只保留li的display:inline也能实现结果？
1
0
分享
阿神 2016-12-21 11:41:311楼
去掉ul的inline和不去掉效果一样：因为.container类是他们的父类,text-align：center.样式，所以看起来效果一样。实际上,去除ul的display:inline样式，ul已经恢复为块级元素，宽度100%,如果为display:inline，ul的宽度是li的宽度之和。display:inline在这里的目的是让li水平,居中需要text-align:center来执行.至于ul加display:inline,使得ul的宽度为内容宽度之和,不用撑满整行的宽度，可以在这行上再扩展其他行内元素
赞 +0添加回复
阿神 2016-12-21 11:41:311楼
去掉ul的inline和不去掉效果一样：因为.container类是他们的父类,text-align：center.样式，所以看起来效果一样。实际上,去除ul的display:inline样式，ul已经恢复为块级元素，宽度100%,如果为display:inline，ul的宽度是li的宽度之和。display:inline在这里的目的是让li水平,居中需要text-align:center来执行.至于ul加display:inline,使得ul的宽度为内容宽度之和,不用撑满整行的宽度，可以在这行上再扩展其他行内元素
赞 +0添加回复