flex布局图解

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

      //div.box-first即为flex容器，div.item即为flex项目
       <style>
             .box-first{
                  display:flex
              }
       </style>
        <div class="box-first">
        <div class="item"></div>
    </div>

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

flex-container.png

flex项目的相关属性：

flex -items.png