04HUI -基础布局（hui-wrap、hui-flex）

HUI




    

    HUI 基础布局


    

        

        
横向自动缩放
        

    
    
    .bgGreen{background:#1BC5BB !important;}
    .bgRed{background:#EE4B47 !important;}
    .demo{width:100%; height:80px; text-align:center; color:#FFF; line-height:80px; font-size:22px; margin:5px; background:#3388FF;}
    
    

        
1
        
2
        
3
    
    

        

        
不缩放并换行
        

    
    
    .demo1{width:45%; height:80px; text-align:center; color:#FFF; line-height:80px; font-size:22px; margin:5px; background:#3388FF;}
    
    

        
1
        
2
        
3
    
    

        

        
竖向排列
        

    
    
    .demo2{height:80px; text-align:center; color:#FFF; line-height:80px; font-size:22px; margin:5px; background:#3388FF;}
    
    

        
1
        
2
        
3