處理可變內容保證金的最佳實踐方法？

好吧，我爲一個朋友拼湊的快速網站大約有20個靜態頁面。每個人都有少量的內容。 div容器包含div內容，而div內容顯然包含每個頁面上更改的內容。處理可變內容保證金的最佳實踐方法？

現在，根據內容的長度，我希望在頂部有一個不同的邊距。內容越少，則邊距越大。只是一個美學選擇。例如，如果內容幾乎填充了靜態大小的容器，則填充量較少，但1行內容頁面可能是靜態容器下的1/3。將內容集中在div中不會這樣做，因爲這會造成太大的保證金。

最好的處理方法是什麼？每個不同邊距的內容都有一個新課程？一個新的身份證，以便它在自己的特殊分區中定位或保留區域不同？在每個頁面上內聯css來覆蓋div內容的標準css？在每個頁面上的內容之前，容器內部有不同的spacer div？ Content =（ContainerHeight - ContentHeight）/ 3的邊緣線的某種腳本？

這樣做的可接受的方式是什麼？我不想陷入壞習慣。

來源

2010-04-28 Aithne

如果javascript是一個選項，您可以計算您的內容框的高度，並根據您喜歡的公式設置頂部邊距。

jQuery中它會是這樣的：

c_height = $("#Content").height(); 
c_margin = Math.floor(/* your formula */); 
$("#Content").css("margin-top", c_margin + "px");

（不知道的"px"部分...）

來源

2010-04-28 01:45:58 jeroen

我會去簡約路線，並在全球範圍定義單個上緣，與內聯CSS可以在需要它的頁面中覆蓋它。假設你編輯了單行頁面之一來添加更多的內容 - 在這種情況下，你可能想要改變該頁面的佈局而不是其他的，所以這種改變可能就在頁面本身中。

另一方面，如果您選擇三種邊距尺寸，並根據其中包含多少內容爲每個頁面分配一個頁面，那麼這些頁面可能會感覺更加實用和一致。然後，當你擴展一行時，你可以簡單地將它的類從小的邊界改變到中等，所以把div.smallVMargin這樣的類放到中央樣式表中是有意義的。你想避免的是一個外部CSS文件，其類如div.page16或div.margin25px。

來源

2010-04-28 02:05:03 fenomas

處理可變內容保證金的最佳實踐方法？

回答

相關問題