84669 人が学習中
152542 人が学習中
20005 人が学習中
5487 人が学習中
7821 人が学習中
359900 人が学習中
3350 人が学習中
180660 人が学習中
48569 人が学習中
18603 人が学習中
40936 人が学習中
1549 人が学習中
1183 人が学習中
32909 人が学習中
为什么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的宽度为内容宽度之和,不用撑满整行的宽度，可以在这行上再扩展其他行内元素
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
去掉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的宽度为内容宽度之和,不用撑满整行的宽度，可以在这行上再扩展其他行内元素