在960网格系统

定制中心内容我有一个960gs布局，但我不知道这是中心的相关网页（http://andreapuiatti.de/screenshots/question.png）使用960grid系统的内容最好的办法。在960网格系统

设计师保证这个设计是基于960gs，但是地狱......是一切超出了专栏！

我想出的唯一办法是，使用一个grid_12，然后添加自定义的元素，我将自己的尺寸，但为什么使用网格系统？

你想要居中哪个特定元素（在你的屏幕截图中）？这个设计看起来很简单，在960.gs中应该是可行的。 – 2013-04-09 11:09:58

我必须将图片和文字居中。是的，我知道如何将它们与CSS集中，但是网格系统呢？我无法将网格居中以匹配该图像的位置！或者我应该只是创建自定义元素，填充grid_12我已经到位了？ – 2013-04-09 11:10:57

您是否希望音乐人图像的左右边缘定义图像后面的两个大文本段落的左右边缘？ – 2013-04-09 11:18:20

决定多少列的图片和文字将跨越，说12，并创建12列行作为父容器（所有960格范围内）。

在那行内，我会创建一个包装类（给它一个类），然后为图像（或其容器）应用标准CSS规则，如margin: 0 auto;。如果未包含在块级元素中，则将display: block应用于图像。

至于文中，p元素将填补包装元素，并根据需要可以调整页边距。

通常，这些CSS网格框架会创建包含您的内容，文本和图像等的块级框。设计师决定如何在每个区块内布置元素。 960.gs和类似的CSS框架仅仅定义你的布局，而不是在网格布局中的每个框/块/面板内定义内容的细节。

关于截图和设计师
你的设计师可能不理解网格是如何工作的，你需要与他讨论/她指定图像的边缘应。问题不在于CSS框架，但设计规范需要更精确。没有错！

2013-04-09 11:35:28

“960.gs和类似的CSS框架仅定义您的布局，而不是在网格布局中每个框/块/面板内的样式内容的详细信息。” ---谢谢你，这就是我想听到的:) – 2013-04-09 11:43:34

我感觉到一个关于设计和方法的哲学问题，很高兴帮助！祝一切顺利！ – 2013-04-09 11:46:43

回答