為什么li和ul都要display:inline, 只保留li的display:inline也能實(shí)現(xiàn)結(jié)果?
去掉ul的inline和不去掉效果一樣:因?yàn)?container類是他們的父類,text-align:center.樣式,所以看起來效果一樣。實(shí)際上,去除ul的display:inline樣式,ul已經(jīng)恢復(fù)為塊級(jí)元素,寬度100%,如果為display:inline,ul的寬度是li的寬度之和。display:inline在這里的目的是讓li水平,居中需要text-align:center來執(zhí)行.至于ul加display:inline,使得ul的寬度為內(nèi)容寬度之和,不用撐滿整行的寬度,可以在這行上再擴(kuò)展其他行內(nèi)元素