iemi
2019-08-17 11:51
<li><a href="#">关于</a> <ul> <li><a href="#">品牌故事</a></li> <li><a href="#">联系我们</a></li> <li><a href="#">加入我们</a></li> <li><a href="#">版权声明</a></li> </ul> </li>
如上这段,为什么可以直接通过设置最外层的li的text-align为center就可以让里面的a和ul都居中?ul不是块级元素吗?只有行内元素才能通过这种方式来设置居中不是吗?
可以通过F12查看元素得知,
li元素会自带属性: text-align: -webkit-match-parent; 从而继承父级元素中的text-align为center。
只是字体会居中,布局不会居中。
ul和li中自带了一些布局属性,添加以下属性可以重置掉。
ul,li {
list-style: none;
padding: 0;
margin: 0;
}
希望帮助到您。
企业网站综合布局实战
157042 学习 · 1984 问题
相似问题