84669 Lernen von Personen
152542 Lernen von Personen
20005 Lernen von Personen
5487 Lernen von Personen
7821 Lernen von Personen
359900 Lernen von Personen
3350 Lernen von Personen
180660 Lernen von Personen
48569 Lernen von Personen
18603 Lernen von Personen
40936 Lernen von Personen
1549 Lernen von Personen
1183 Lernen von Personen
32909 Lernen von Personen
为什么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的宽度为内容宽度之和,不用撑满整行的宽度,可以在这行上再扩展其他行内元素