元素居中的三种方式

元素居中的三种方式

面试题

如何让一个元素在父元素中上下左右居中？

共同的dom结构如下：

  <div id="box">
        <div id="x"></div>
  </div>

方法一：父相自绝后，子分部向左向上移动本身宽度和高度的一半（也可以用 transform:translate(-50%,-50%)）最常用方法

  #box{