本文共 3566 字，大约阅读时间需要 11 分钟。

            
                   
                           
           
1.用flex做提示icon
        
   
            
                
    
                
     
Description,xxx
                
     
test,test,test,test,test,test,test，test.hitest,test,test,test,
                
     
test,test,test,test,test,test,test
            
    
        
   
        
   
            
                
    
                
     
Description,xxx
                
     
test,test,test,test,test,test,test，test.hitest,test,test,test,
                
     
test,test,test,test,test,test,test
            
    
        
   
        
           
2.用flex做列表元素
        
   
            
    
                
     
                    
      
                    
      
                        
       
title
                        
       
description
                    
      
                    
                      
     
            
            
    
                
     
                    
      
                    
      
                        
       
title
                    
      
                    
                      
     
            
            
    
                
     
                    
      
                        
       
title
                        
       
description
                    
      
                    
                      
     
            
        
   
        
3.用flex做tab
        
   
                
    
                                            title                                    
                
    
                                            title                                    
                
    
                                            long title                                    
                
    
                                            title                                    
        
   
        
   
                
    
                                            long title                                    
                
    
                                            title                                    
        
   
        
4.用flex做导航(只适合三个布局)
        
   
            
    btn        
    
            
     
The big title
            
     
infomation
        
    
                        
    btn        
   
         
5.用flex做搜索条
        
   
            
    Search            
    
     
    
            
    btn        
   
        
   
            
    
     
    
            
    btn        
   
        
   
            
                
    
     
    
            
    btn        
   
        
6.用flex做垂直居中(单/多)
        
   
            
    
                
     
Title
                
     
infomation 
                
     
infomation 
                
     btn            
    
        
   
        
   
            
    
                
     
Title
                
     
infomation 
                
     
infomation 
                
     btn            
    
            
    
                
     
Title
                
     
infomation 
                
     
infomation 
                
     btn            
    
        
   
        
7.用flex做垂直弹性布局
        
   
            
    
                
     
                          title                
     
                
     
                          content
      
content
      
content
      
content
      
content
      
content
      
content
      
content
      
content
      
content
      
content
      
content
      
                    content
      
content
      
content
      
content
      
content
      
content
      
content
      
content
      
content
      
content
      
content
      
content
      
                
     
                
     
                   
      btn                 
     
            
    
        
   
    

转载地址：http://mrzxi.baihongyu.com/