GX博客

分享个人 Full-Stack JavaScript 项目开发经验

在线测试 flexbox 规则


1
2
3
4
5
6
7
8

flex-direction

伸缩流方向

flex-wrap

是否换行

justify-content

x 轴对齐方式

align-items

y 轴对齐方式

align-content

仅当有多行元素时才适用


CSS 结果



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