在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

回答