关于li当中的ul居中问题

来源:3-17 企业网站制作之底部版权区制作

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

写回答 关注

1回答

  • 橘梦清荷
    2019-08-27 17:17:33

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

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

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

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

    ul,li {

        list-style: none;

        padding: 0;

        margin: 0;

    }

    希望帮助到您。



企业网站综合布局实战

本课程重点介绍HTML/CSS实现常见企业网站布局的方法

157042 学习 · 1984 问题

查看课程

相似问题