Flexbox 生成器

可视化调节 flex 容器属性，实时看到盒子重新排列并复制 CSS，是学习 flex 的最快方式。

flex-direction

justify-content

align-items

flex-wrap

gap (px)

关于这个工具

可视化调节 flex 容器属性，实时看到盒子重新排列并复制 CSS，是学习 flex 的最快方式。 Apaltools 的工具全部免费、无需注册，完全在浏览器本地运行——输入内容不会离开你的设备，即使处理令牌、内部链接等敏感字符串也很安全。