子元素在父元素中水平垂直居中

1.已知子元素的高度和宽度。通过定位的方式和子元素负边距实现。

2.未知子元素的高度和宽度的实现方式。

(1)、通过定位和css3中的translate属性实现；

    
        
        
        
        
        
        
    
    
        

            
‘生活不止眼前的苟且，还有诗和远方’这句话看似文艺风爆棚，
                让人难以理解，实则却是一个很简单的道理。
                在无数人奋勇向前的时候，这一句话，
                更是成为了无数年轻人不怕苦不怕累的根本
            
        
    

(2)、通过flex定位实现。

    
        
        
        
        
        
        
    
    
        

            
‘生活不止眼前的苟且，还有诗和远方’这句话看似文艺风爆棚，
                            让人难以理解，实则却是一个很简单的道理。