css几种垂直居中的方式(面试常考题1)

水平垂直居中(一)定位和需要定位的元素的margin减去宽高的一半

 


    
![](2.jpg)

水平垂直居中(二)定位和margin:auto;




    
![](3.jpg)

水平垂直居中(三)绝对定位和transfrom




    
![](4.jpg)

水平垂直居中(四)diplay:table-cell




    
![](5.jpg)

水平垂直居中(五)flexBox居中(移动端使用没什么负担)




    
![](6.jpg)

 

你可能感兴趣的:(js,前端知识点)