CSS的几种居中布局

固定宽度的居中：

（1）：text-align:center

              说明：在父容器中指定其属性，其子元素都会在父容器中居中显示

（2）：position:relative;       //指定其定位方式为相对定位，即相对于父容器居中显示

              left:50%;                   //先把元素的左边框移动到中间

              margin-left::-350px; //再向左移动元素的一半宽度

             说明：先把元素的左边框移动到中间，再向左移动元素的一半宽度

（3）、margin:0 auto;

              说明：通过指定自身的边距来居中

自适应宽度的居中：

.center {background-color:#03F;width:50%;height:500px;left:50%;margin-left:-25%;position:relative;}