我有一个 960gs 的布局，但我不知道哪种方法是使用 960grid 系统居中此页面（ http://andreapuiatti.de/screenshots/question.png ）内容的最佳方法。
设计师保证这个设计是基于 960gs 的，但是地狱......一切都超出了列！
我想出的唯一解决方案是使用 grid_12，然后添加我自己调整大小的自定义元素，但为什么要使用网格系统？
问问题
1656 次
1 回答
2
确定图像和文本将跨越多少列，例如 12 列，并创建 12 列行作为父容器（全部在 960 网格框架内）。
在该行中，我将创建一个包装类（给它一个类），然后为图像（或其容器）应用一个标准的 CSS 规则，如margin: 0 auto;. display: block如果图像未包装在块级元素中，则应用于图像。
至于文本，p元素将填充包装元素，您可以根据需要调整边距。
通常，这些 CSS 网格框架会创建包含您的内容、文本和图像等的块级框。由设计者决定如何布置每个块中的元素。960.gs 和类似的 CSS 框架仅定义您的布局，而不是网格布局中每个框/块/面板中内容样式的详细信息。
关于屏幕截图和设计器
您的设计器可能不了解网格的工作原理，您需要与他/她讨论以指定图像边缘的位置。问题不在于 CSS 框架，而是设计规范需要更精确。没有错！
于 2013-04-09T11:35:28.520 回答