Flexbox 测试

在线测试 flexbox 布局规则

Flexbox 属性控制

flex-direction

伸缩流方向

flex-wrap

是否换行

justify-content

x 轴对齐方式

align-items

y 轴对齐方式

align-content

仅当有多行元素时才适用

实时预览

1
2
3
4
5
6
7
8

CSS 结果

了解更多 flexbox 布局的介绍，请点击这里。