为了账号安全,请及时绑定邮箱和手机立即绑定

关于li当中的ul居中问题

<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不是块级元素吗?只有行内元素才能通过这种方式来设置居中不是吗?

正在回答

1 回答

可以通过F12查看元素得知,

li元素会自带属性: text-align: -webkit-match-parent; 从而继承父级元素中的text-align为center。

只是字体会居中,布局不会居中。

ul和li中自带了一些布局属性,添加以下属性可以重置掉。

ul,li {

    list-style: none;

    padding: 0;

    margin: 0;

}

希望帮助到您。



0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

关于li当中的ul居中问题

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信