Flexbox 生成器
可视化掌握 CSS Flexbox 布局。调整对齐、方向和分布。
控制
CSS 代码
.container {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
flex-wrap: nowrap;
gap: 16px;
}预览
Item 1
Item 2
Item 3
Item 4
Item 5
可视化掌握 CSS Flexbox 布局。调整对齐、方向和分布。
.container {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
flex-wrap: nowrap;
gap: 16px;
}