                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /初识HTML(5)+CSS(3)-升级版

为什么ul的中线没有与父层div的最左端边线重合,要重合才能达到ul的居中效果

蓝框是ul,红框是div,灰线中线并没有与ul的左端重合,这是为什么?

慕斯6373265

2019-02-10

源自：初识HTML(5)+CSS(3)-升级版 15-7

关注问题我要回答

926

操作

收起

1 回答

qq_慕无忌8456130
2019-02-11

只要 ul 的父元素 css 样式设了 text-align: center; 然后 ul 设了 display: inline-block; li 再设 display: inline; 就可以了。

html标签

<div id="footer">
      <ul>
            <li>内容</li>
      </ul></div>

#footer {
    text-align: center;
}
#footer ul {
    display: inline-block;
    overflow: auto;
}

#footer ul li {
    display: inline;
    float: left;
}