Flexbox 可视化

可视化调整 Flexbox 布局属性，实时预览效果并生成 CSS 代码

flex-direction

flex-wrap

justify-content

align-items

align-content

gap8px

子元素数量6

CSS 代码

display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: stretch;
gap: 8px;