固定宽度的居中:
(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;
}