关于 CSS Flexbox 生成器
设置弯曲方向、对齐内容、对齐项目、环绕和间隙，然后复制 CSS。预览会立即更新，以便您可以看到每个值的行为方式。
如何使用
- 1选择一个方向行、列或相反的变体。
- 2设置对齐和换行看看三个样品盒如何移动。
- 3复制 CSS将规则粘贴到样式表中。
为什么使用这个css flexbox 生成器？
- 没有任何东西离开您的设备. 这项工作发生在您的浏览器选项卡中。此应用程序中没有上传端点，因此我们无法存储、记录或查看您的文件和文本。
- 无需等待上传. 您完全跳过了到服务器的往返过程。结果受您自己的 CPU 限制，而不是受网络速度或队列大小限制。
- 免费、无账户、无配额. 无注册墙，无水印，无每日限制。可选帐户仅用于跨设备保存收藏夹和预设。
常见问题
我的布局在这里使用安全吗？
是的。该工具完全使用 JavaScript 在您的浏览器中运行。您粘贴或打开的任何内容都不会发送到服务器，并且页面在关闭后不会保留任何副本。
我需要创建一个帐户吗？
不需要。每个工具都无需登录即可完全使用。帐户仅添加已保存的收藏夹和可重复使用的预设。
它可以在手机上使用吗？
是的。该界面是移动优先的，具有大触摸目标和堆叠布局，因此它适用于手机、平板电脑以及台式机。
对齐项目和对齐内容有什么区别？
align-items 对齐单行内的项目。 align-content 分布多个换行，并且仅在启用 flex-wrap 时应用。
我应该使用 Flexbox 还是网格？
Flexbox 最适合一维布局和内容驱动的大小调整。网格更适合具有明确行和列的二维布局。