Developer tool / Local processing

CSS Flexbox 產生器，
快速又安全。

設定 Flexbox 方向、對齊與間距，即時預覽排列並複製 CSS。

方向主軸對齊交叉軸對齊換行間距

CSS

常見問題

Flexbox 是什麼？

Flexbox 是 CSS 的一維排版模型，適合排列同一列或同一欄中的項目。

產生的 CSS 可以直接使用嗎？

可以，複製後貼到容器元素的 CSS 規則即可。

資料會上傳嗎？

不會，預覽與 CSS 產生都在瀏覽器完成。