flex布局图解

flex简介
采用Flex布局的元素，称为Flex容器（flex container），简称"容器"。它的所有子元素自动成为容器成员，称为Flex项目（flex item），简称"项目"。

      //div.box-first即为flex容器，div.item即为flex项目
       
        

        

    

flex的相关属性：
http://naotu.baidu.com/file/3205e7c39b7921df9a6cd0f48f47c31c
**flex容器的相关属性：
**

flex-container.png

flex项目的相关属性：

flex -items.png