【CSS】实现div块上下左右居中对齐的5种方式

1. 绝对定位+margin:auto的方式



    
        
    
    
        

2. 绝对定位+变换transform的方式



    
        
    
    
        

3. 绝对定位+设置左和上的外边距(需要知道子块宽高具体值)的方式



    
        
    
    
        

4. 父块display: table-cell + vertical-align + 子块margin的方式



    
        
    
    
        

5. flex布局方式



    
        
    
    
        

以上2,4,5方式,注意浏览器版本,较老版本浏览器可能不兼容。

注:以上,如有不合理之处,还请帮忙指出,大家一起交流学习~

你可能感兴趣的:(前端开发,css,前端,javascript)