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

关于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下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号