以全角div爲中心浮動元素

Question

我正在製作產品目錄頁面，並且圖像組需要居中，但我還沒有找到辦法，因爲它們都是浮動在div是100％的寬度。

我正在尋找一種方式來水平居中這些圖像，而不會失去其浮動屬性的靈活性。

下面是目錄中的鏈接網站：http://internetvolk.de/katalog/

Answer 1

嘗試使用浮動的display: inline-block; istead並添加text-align: center他們的父容器）

Answer 2

如果你給#katalog的寬度 - 從數量計算該圖像和邊緣。例如

#katalog{ 
width: 960px; /*just an example*/ 
margin: 0 auto; 
} 

Answer 3

增加以下規定：

#katalog { 
    text-align: center; 
} 

和

.imageLink { 
    /** float: left; <-- REMOVE! */ 
    display: inline-block; 
} 

Answer 4

#katalog { 
    margin: 10px auto 0; 
    overflow-y: hidden; 
    max-width: 940px; 
    min-width: 810px; 
} 

使用max-height和min-height保持靈活性，我定義max-width以保持其在中心所有屏幕加入margin: 0 auto;