CSS3 【display: flex；】与【align-self: 可覆盖父元素设置algin-items；】的使用

• align-self 简介：

  可覆盖父元素设置的 algin-items，包括 flex-start、flex-end、center、stretch

• align-self 使用：

  
  
  
    
    
    
    
  
  
    
  
      
  align-items: center; - align-self: stretch;
      
  
        
  1
        
  2
        
  3
      
    
    
  
      
  align-self: flex-start; - align-self: flex-end; 
      
  
        
  1
        
  2
        
  3
      
    
  
  
  

• demo 效果：