什么是flex布局？Flex是FlexibleBox的缩写，意思是“弹性布局”。任何容器都可以指定为flex布局的基本概念吗？Flex布局元素称为Flex容器，简称“容器”。它的所有子元素自动成为容器元素，简称为“项目”。容器默认有两个轴：水平主轴和垂直横轴。主轴排列：从左到右；横轴排列：从上到下；容器的属性1、flex-direction：该属性决定了主轴的方向（即物品的排列方式）flex-direction：row（主轴??为水平方向，起点在左边end)flex-direction:row-reverse（主轴水平，起点在右端）flex-direction:column（主轴垂直，起点在上边缘）flex-direction:column-reverse（主轴垂直，起点在底部边缘）2.flex-wrap：默认情况下，项目排列在一条线上（也称为“轴”）flex-wrap：nowarp（无线break,default)flex-wrap:wrap(linebreak,firstlineabove)flex-wrap:wrap-reverse(newline,firstlinebelow)3.flex-flow:flex-direction和flex-wrap属性的简写，默认valuerow,nowrap4,justify-content:属性定义项目在主轴上的对齐方式justify-content:flex-start(left-aligned,default)justify-content:flex-end(right-aligned)justify-content:center(居中)justify-content:space-between(justify-content:space-around(每一项两边间距相等)5.align-items:定义项目如何在横轴上对齐(单行)align-items:flex-start（横轴起点对齐）align-items:flex-end（横轴终点对齐）align-items:center（垂直方向，从中间开始对齐）align-items:baseline（item第一行文本的基线对齐）align-items:stretch（默认值，如果item的高度没有设置或者设置为auto，会占据整个容器的高度）6、align-content：多行轴对齐（用法同align-items）flexitem属性1、order定义items的排列顺序sequenceorder：数字（值越小越靠前，默认为0)2.flex-grow定义项目放大比例flex-grow:numberr（默认0，如果有剩余空间，则不放大，值为1放大，2为1的两倍大小，以此类推）3.flex-shrink定义项目缩小比例flex-shrink：number（默认为1，如果空间不足会缩小，值0不能缩小）4、flex-basis定义了项目本身的大小flex-basis:number/auto（默认auto，可以设置一个fixedvalueof50px/50%)5、flex：属性为flex-grow、flex-shrink，flex-basis的简写，默认值为0、1、auto6、align-selfalign-self:auto|弹性启动|弹性端|中心|基线|stretch如果对本文有帮助，给这篇文章点个赞??????欢迎大家加入，一起学习前端，一起进步！
