CSSFlexbox布局详解

Flexbox是一维布局模型，特别适合处理行或列方向上的排列。父容器设置display:flex激活Flex上下文。主轴方向用flex-direction控制，默认为row。justify-content控制主轴对齐，align-items控制交叉轴对齐。flex-wrap实现换行。flex-grow、flex-shrink、flex-basis控制子元素伸缩。flex是这三者的简写。align-self允许单个项目覆盖对齐方式。