垂直居中

1. 用padding内填充方式垂直居中

    
            
        
    
    
     
    
复制代码

2. 给父元素添加overflow:hidden;给子元素添加margin-top;(margin-top传递问题)

    
            
        
    
    
     
    
复制代码

3. 用弹性布局,实现垂直居中

    
            
    
    
     
    
复制代码

4. 给父元素添加display:table-cell;vertical-align:middle;

    
            
        
    
    
     
    
复制代码

5. 给父元素 position:relative;给子元素 position: absolute;top:50%; margin-top:-高度/2

    
            
        
    
    
     
    
复制代码

6. 给父元素添加了position:relative;给子元素添加position:absolute;top:50%;transform:translateY(-高度/2)

    
            
    
    
     
    
复制代码