Progrids: 一个不在包管理器中的 CSS 栅格系统

简介

Progrids 是一个轻量级的 CSS 栅格系统，它使用了 Flexbox 和 Grid 进行布局。虽然 Progrids 功能强大，但它并没有被包含在主流的包管理器（例如 npm 或 yarn）中。不过，你仍然可以非常方便地使用它。

使用 Progrids

要使用 Progrids，你需要下载它的源代码（https://github.com/zellwk/progrids）。一旦你下载了 Progrids，并且在你的项目中引入了它的 CSS 文件，你就可以使用 Progrids 的类来创建响应式布局了：

<div class="grid">
  <div class="col-4">
    ...
  </div>
  <div class="col-4">
    ...
  </div>
  <div class="col-4">
    ...
  </div>
</div>

在这个例子中，我们创建了一个三列的布局，每列都占据了父元素 grid 的 1/3 的宽度。

Progrids 的特性

虽然 Progrids 没有被包含在流行的包管理器中，但它仍然有很多有用的特性，例如：

• Progrids 可以非常方便地应用于现有的网站和应用程序，而不需要大量的样式迁移。
• Progrids 可以灵活地响应不同的屏幕尺寸，并且表现出色。
• Progrids 中的每个类名都非常直观，易于理解和使用。
• Progrids 基于 Flexbox 和 Grid，这意味着你可以轻松地创建任何复杂的布局并且表现恰到好处。

总结

虽然 Progrids 不在包管理器中，但它是一个值得尝试的 CSS 栅格系统。它使用 Flexbox 和 Grid 进行布局，非常灵活和易于使用。如果你想要一种易于集成到现有代码中的布局工具，那么 Progrids 值得你一试。