84669 orang belajar
152542 orang belajar
20005 orang belajar
5487 orang belajar
7821 orang belajar
359900 orang belajar
3350 orang belajar
180660 orang belajar
48569 orang belajar
18603 orang belajar
40936 orang belajar
1549 orang belajar
1183 orang belajar
32909 orang belajar
为什么li和ul都要display:inline, 只保留li的display:inline也能实现结果?
去掉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的宽度为内容宽度之和,不用撑满整行的宽度,可以在这行上再扩展其他行内元素
去掉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的宽度为内容宽度之和,不用撑满整行的宽度,可以在这行上再扩展其他行内元素