注：flex布局很容易与其他布局方式（包括flex布局）嵌套，实际上它是一个单独的盒子，由一个元素（称为容器）及其直接子元素组成（称为项目）。这个容器的外部和这些项目的内部都不会受到弹性布局的影响。一个元素可以定义两种flex布局，第一种是block-levelflexlayout:.flex-block-box{display:flex;}另一种是inlineflexlayout:.flex-inline-box{display:inline-flex;}这两种flex布局的区别在于block-levelflex布局的容器是block-levelbox(block)，而inlineflex布局的容器是inline-block。容器的属性主要用于排列和对齐项目。item的属性主要用来实现灵活性，覆盖容器定义的对齐方式：containerproperties:arrangement:direction:flex-direction:row|栏目|行反转|column-reverse换行符：flex-wrap：nowrap|包装|wrap-reverse合着：flex-flow:rownowrapAlignment:justify-content:flex-start|中心|弹性端|间隔|space-aroundalign-items:flex-开始|中心|弹性端|基线|stretchalign-内容：flex-start|中心|弹性端|间隔|项目属性：顺序：0|0|1|...弹性收缩：0|1|...弹性基础：自动|100像素|50%|...flex:01autoauto:11autonone:00autoinitial:01autoalign-self:auto|弹性启动|中心|弹性端|基线|stretch另见：http://www.ruanyifeng.com/blo...
