Flex Grid Playground

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

TIP

选中的子元素会有一个蓝色索引。下方列出的 Child Classes 和 Child Styles 与选中的元素有关。

父容器的属性设置 (container)

fit

Container

row

Direction

wrap

Wrap

justify-start

Justify Content

items-start

Align Items

content-start

Align Content

容器使用的 CSS 类

生成的结果 (children: 0/10)

子元素的 CSS 类

子元素设置的样式

发现了一处错误？帮助改进提交问题

免责声明本站点所包含的任何跳转链接均为第三方广告内容，站点对这些广告内容的准确性、合法性、真实性不承担任何责任。用户点击跳转链接进入第三方网站后，应自行判断广告内容的真实性和合法性，并自行承担因使用广告内容而产生的风险和责任。任何因使用第三方广告内容而导致的损失或损害，本站点概不负责。