flex与margin在单行布局的配合使用

flex布局极大程度上方便了页面的构建，如下的几种布局当中，为了不增加额外的标签来嵌套，单独使用flex布局的话，还需要其他一些设置来处理，比如与伪元素的配合使用，这个下次再进行描述，这里flex与margin的使用配合，个人认为是目前自己用过最方便的一种方法。

    
    
    


    

        
1
        
2
        
3
    
    

        
1
        
2
        
3
    
    

        
1
        
2
        
3
        
4
        
5
    
    

        
1
        
2
        
3
        
4
        
5
    
    

        
1
        
2
        
3
        
4
        
5
    

参考链接: 你未必知道的49个CSS知识点