返回工具列表
flex布局调试工具
在线调试flex布局，CSS学习必备利器，方便初学flex布局快速入门
排列方向
主轴对齐
交叉轴对齐
换行
多行时交叉轴分布
对应 align-content，仅在换行且出现多行时才有视觉效果（与单行时的「交叉轴对齐」不同）。
间距
子元素
切换子项，设置 order、flex（grow / shrink / basis）与 align-self；预览与下方 CSS 同步更新。
align-self
预览
子元素一
子元素二
子元素三