Flexbox 生成器
視覺化調整 Flexbox 佈局並生成 CSS 代碼
使用说明
- •選擇 flex-direction（方向）
- •調整 justify-content（主軸對齊）
- •調整 align-items（交叉軸對齊）
- •選擇 flex-wrap（換行）
- •複製生成的 CSS 代碼
1
2
3
.container {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: stretch;
flex-wrap: nowrap;
gap: 10px;
}意见反馈