什么是CSS网格系统？

Question

我正在调查CSS框架，主要是为了重置，更好地构建我的项目等。

我找到了Html Boilerplate（我正在使用）。我现在看到蓝图和960gs等框架，他们声称基于网格的布局。有人可以解释一下基于网格的布局是什么吗？它是如何工作的？

Answer 1

我会推荐你​​阅读Which CSS Grid Framework Should You Use for Web Design?而不是NetTuts。

它深入并回答了您的问题，以及一些CSS框架的比较。

它们基本上相当于一个格子，它将水平和垂直空间划分为可以放置文本，标题，图像和广告的一致单元。

从我附加的关于打印发布布局网格的链接引用。但在网络世界（CSS）的上下文中，网格系统允许您创建复杂的CSS网格布局而不是HTML表格布局。

Answer 2

一堆预定义的CSS规则集，您可以使用类名来将元素组织成各种大小的网格。

想到这个想法最简单的方法就是尝试使用诸如960gs蓝图之类的东西。

Answer 3

它使您可以更方便地将方块放入网格中。

如果你想看看它是如何工作的，我建议你访问http://960.gs/并点击图片上方的“显示网格”按钮。