居中

给div设置一个宽度，然后添加margin:0 auto属性
          

  div{
        width:200px;
        margin:0 auto;
     }

 

 

 

绝对定位居中：

绝对定位元素

div{
position:absolute;
height:200px;
width:400px; 
top:50%;
left:50%;
margin:-100px 0 0 -200px;
}

 

如上代码，div左上角定位到中点效果如图中蓝色部分

利用margin向左，上分别移动宽高的一半，实现居中。

浮动居中：

http://blog.163.com/hongshaoguoguo@126/blog/static/1804698120125625634853/