为什么捐赠
API 浏览器
布局与栅格
Flex 栅格
Flexbox 简介
栅格行
栅格列
栅格间距
Flexbox 模式
Flex 演练场
布局
布局与页面的路由
布局头部与底部
布局抽屉
布局页面
布局生成器
布局画廊
页面固钉
页面滚动器
联系站长
Flex 网格游乐场
Flex 栅格
Flexbox 简介
Flex 栅格
栅格行
Flex 栅格
栅格列
Flex 栅格
栅格间距

为了帮助您更好地理解 Flexbox，我们为您编写了一个交互式游乐场。创建您的网格，然后将值复制到您的项目中。

TIP

活动的子元素将有一个蓝色索引。活动状态与下面结果列出的子类和子样式相关。

Configure parent (container):
Resulting container classes:
fit row wrap justify-start items-start content-start
Configure children: 0 / 10
Where to applyWhat to apply
Container classes
fit row wrap justify-start items-start content-start
Child #1 classes
* none *
Child #1 styles
* none *
还想了解更多？
Flex 栅格
Flexbox 模式
布局与栅格
布局
发现错误？在浏览器中编辑此页