關(guān)于li當(dāng)中的ul居中問題
<li><a?href="#">關(guān)于</a> ???<ul> ??????<li><a?href="#">品牌故事</a></li> ??????<li><a?href="#">聯(lián)系我們</a></li> ??????<li><a?href="#">加入我們</a></li> ??????<li><a?href="#">版權(quán)聲明</a></li> ???</ul> </li>
如上這段，為什么可以直接通過設(shè)置最外層的li的text-align為center就可以讓里面的a和ul都居中？ul不是塊級元素嗎？只有行內(nèi)元素才能通過這種方式來設(shè)置居中不是嗎？
2019-08-27
可以通過F12查看元素得知，
li元素會自帶屬性： text-align:?-webkit-match-parent; 從而繼承父級元素中的text-align為center。
只是字體會居中，布局不會居中。
ul和li中自帶了一些布局屬性，添加以下屬性可以重置掉。
ul,li {
????list-style: none;
????padding: 0;
????margin: 0;
}
希望幫助到您。