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

这句话绕的我有点蒙，怎么没看懂呢，大神给解释一下

我们可以这样理解：假想ul层的父层（即下面例子中的div层）中间有条平分线将ul层的父层（div层）平均分为两份，ul层的css代码是将ul层的最左端与ul层的父层（div层）的平分线对齐；而li层的css代码则是将li层的平分线与ul层的最左端（也是div层的平分线）对齐，从而实现li层的居中。

这句话绕的有点蒙，有没有大神给说的直接易懂一点。

慕运维0036432

2018-06-06

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

关注问题我要回答

1662

操作

收起

2 回答

一人我编程累回答被采纳 +2 积分
2018-06-08

看这个能明白不

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

收起回答

一人我编程累

就是父元素的左边和div的中线重合了然后再让子元素向左移动父元素的一半这就不就居中了吗

2018-06-08 回复有任何疑惑可以回复我~

枫芒i 回复一人我编程累

你的图我理解了，但是就是感觉他的解释跟这个代码的顺序感觉不太匹配。他的解释是：ul层的css代码是将ul层的最左端与ul层的父层（div层）的平分线对齐；而li层的css代码则是将li层的平分线与ul层的最左端（也是div层的平分线）对齐。但看代码我的理解是ul的父层向右移了50%，ul靠父层的最左端，即开始的中线位置；然后ul层代码-50%，向左移了一半，ul居中了。li层代码li向左浮动，也因此居中。

2018-06-08 回复有任何疑惑可以回复我~

慕运维0036432 提问者

非常感谢！

2018-06-08 回复有任何疑惑可以回复我~