CSS：中心父元素，而留下的子元素左浮動和左對齊

在我的頭版，我想中心的目錄視圖（內容區域與標題「Golfverzeichnis」）：LINK CSS：中心父元素，而留下的子元素左浮動和左對齊

的名稱以居中的CSS元素：jrDirView

問題描述：圖片和它們下面的左對齊鏈接應該保持不變，但整個目錄視圖區域現在左對齊，應該居中，所以白色空間左右相等。

2013-02-02 Ralph

添加休耕到你的CSS jrDirView類

.jrDirView{ 
    margin: 0 auto; 
    width:1000px; 
}

您可以用寬實驗，直到你找到你想要的值。

2013-02-02 13:20:32 user1969202

如果你看看頁面，內容區域已居中。

您可以通過在最右欄顯示的圖像之一中放置大量標籤來證明這一點。

問題是您的內容不居中，因此對於用戶來說，看起來該頁面偏離中心。

您可以通過任意設置jrDirView的左邊距來強制內容顯示爲居中，但這不會是一個非常健壯的解決方案。

更好的解決方案可能是強制文本區域是相同的寬度（大約）作爲圖像的已知寬度，然後設置在jrListingThumbnail和jrContentDiv

2013-02-02 13:53:06

一個左右填充我同意。該頁面已居中。最好減少「.jrDirview ul li.jrCatLevel1」的寬度並添加「margin-right」屬性。 – Webars

回答