CSS垂直居中

1、基于绝对定位的解决方案




    
    
    
    Document
    


    
        
            Am I centered yet?
            center me please!

2、基于视口的解决方案




    
    
    
    Document
    


    
        
            Am I centered yet?
            center me please!

3、基于flexbox的解决方案

请注意，当我们使用flexbox时，margin:auto不只是在水平方向上居中，垂直方向上也是如此。




    
    
    
    Document
    


    
        
            Am I centered yet?
            center me please!

CSS 垂直居中

相关