CSS Flexbox 生成器

它的作用

设置弯曲方向、对齐内容、对齐项目、环绕和间隙，然后复制 CSS。预览会立即更新，以便您可以看到每个值的行为方式。

直观地构建 Flexbox 布局并复制 CSS。

如何使用

这是使用 CSS Flexbox 生成器 的简短版本。

• 选择一个方向 — 行、列或相反的变体。
• 设置对齐和换行 — 看看三个样品盒如何移动。
• 复制 CSS — 将规则粘贴到样式表中。

重要的功能

CSS Flexbox 生成器 做得很好。

• 没有任何东西离开您的设备 — 这项工作发生在您的浏览器选项卡中。此应用程序中没有上传端点，因此我们无法存储、记录或查看您的文件和文本。
• 无需等待上传 — 您完全跳过了到服务器的往返过程。结果受您自己的 CPU 限制，而不是受网络速度或队列大小限制。
• 免费、无账户、无配额 — 无注册墙，无水印，无每日限制。可选帐户仅用于跨设备保存收藏夹和预设。