關於這個 CSS 版面配置產生器
在左側選擇 Flexbox 或 Grid，再透過下拉選單與數字輸入調整方向、主軸 / 交叉軸對齊、換行、欄數、列高與間距，右側示範區會用幾個彩色子塊即時呈現版面效果，所見即所得。
調整好後下方會輸出對應的宣告式 CSS（Flex 的 display / flex-direction / justify-content / align-items / flex-wrap / gap，Grid 的 display / grid-template-columns / grid-auto-rows / gap），點擊複製即可用於專案。全程瀏覽器本機執行，不依賴任何外部函式庫。