CSS Flex 佈局產生器

CSS Flex 佈局產生器

視覺化調整 Flexbox 容器參數，適合導覽列、工具列、卡片列表與置中佈局。預設一鍵套用，即時預覽並輸出標準 CSS。

• 16 組佈局預設：水平/垂直起點與置中、兩端對齊、均勻分布、換行網格、導覽列、反向排列、基線對齊等
• 可調 flex-direction、flex-wrap、justify-content、align-items、gap
• 預覽區用彩色色塊直觀展示主軸與交叉軸對齊效果
• 產生可直接貼上的 display:flex 樣式程式碼