flex实现弹性布局

flex是CSS3中用于实现弹性布局的一组属性。弹性布局通过设置容器的display属性为flex来启用。flex属性是flex-grow、flex-shrink和flex-basis属性的简写形式，其中flex-grow表示项目的放大比例、flex-shrink表示项目的缩小比例、flex-basis表示项目的基准值。通过设置这些属性，可以实现弹性布局中项目的伸缩效果。

此外，还有一些其他的属性用于设置容器上的弹性布局，包括flex-direction、flex-wrap、flex-flow、justify-content、align-items和align-content等属性。flex-direction用于设置项目的排列方向，flex-wrap用于设置项目的换行方式，flex-flow可以同时设置flex-direction和flex-wrap属性，justify-content用于设置项目在主轴上的对齐方式，align-items用于设置项目在交叉轴上的对齐方式，align-content用于设置多根轴线的对齐方式。