問題描述

為什么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的寬度為內容寬度之和,不用撐滿整行的寬度，可以在這行上再擴展其他行內元素