使不定宽块状元素水平居中－第三种方法

Car***

使不定宽块状元素水平居中－第三种方法

方法三：通过给父元素设置 float，然后给父元素设置 position:relative 和 left:50%，子元素设置 position:relative 和 left: -50% 来实现水平居中。
我们可以这样理解：假想ul层的父层（即下面例子中的div层）中间有条平分线将ul层的父层（div层）平均分为两份，ul层的css代码是将ul层的最左端与ul层的父层（div层）的平分线对齐；而li层的css代码则是将li层的平分线与ul层的最左端（也是div层的平分线）对齐，从而实现li层的居中。

代码如下：

      .container {
            float:left;
               position:relative;
            left:50%
      }
      .container ul  {
               list-style:none;
            margin:0;
            padding:0;
            position:relative;
            left:-50%;
      }
      .container li {
            float:left;
            display:inline;
            margin-right:8px;
            }

1
2
3

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

完全懵了。有谁能帮帮我？？尤其是读了这段话之后，我的脑袋都转不动了。。

土***

你就记住一人一边就得了。

jac***

ul移到了中间 ul的最左端和父容器中线对齐这时由于ul有宽度，所以整体是偏右的，偏了一半的ul的宽度li往左回移一半的宽度，平分线到了正中间的位置，也就是 “ul的最左端”
以后又不懂得，可以先关注我。和我私聊也是可以的！尽量帮你解决问题。

已有账号？

找人解决需求

使不定宽块状元素水平居中－第三种方法

全部参与2

热门问答

Car***

今日需求悬赏

今日问答求助

发布任务需求已有1031166位用户正在使用天盟网服务

新手帮助

平台规则

关于天盟

一键快捷导航

微信公众号

手机客户端