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

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容