Flex之justify-content 和 flex-direction

基础知识：

采用Flex布局的元素，被称为Flex容器(flex container)，简称"容器"。其所有子元素自动成为容器成员，成为Flex项目(Flex item)，简称"项目"

Flex-direction调整主轴方向（默认为水平方向）包括row、column、row-reverse、column-reverse

要点1：

justify-content: space-between;

使元素分布到容器两端。类似于 float left , float right 的功能。

要点2：

flex-direction: row | column;

使元素按行 或 按 列表 进行排列。

效果：

代码：

    




    


        

            

                This is a list item title
            
            

                item(0)
            
        
        
        

            icon
        

    

 引用：

https://www.cnblogs.com/wangyawei/p/9103573.html