CSS居中

1.text-align:center

　　图片、文字内容对齐 居中 居左 居右；

2.margin:0 auto

　　设置左右居中，块状元素，未设置浮动的元素；

 

3.line-height文字垂直居中

 

4.垂直居中display:table-cell

 

5.水平垂直都居中

• translate居中(position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);)兼容性问题，IE9以下

   

• flexbox实现居中                                                          
•   
• position
• 

•  

5.浮动元素居中

 定位元素完成