div與圖像庫不會對齊中心

Question

我有一個投資組合，這是我在很多人和教程的幫助下建立起來的。我注意到實際畫廊（目前有8個拇指）不會居中。特別是當縮放到移動大小時，它看起來有點狡猾。

我用名爲'imagewrapper'的div包裝了圖庫，並給了它這些屬性;

.imagewrapper{ 
    width: 80%; 
    margin: 0 auto; 
    height:100%; 
} 

寬度是否與我的div對齊？完整的代碼在這裏; http://kellyvuijst.nl。如果你能把我送到正確的方向，那會很棒。

Answer 1

我只想讓你的CSS的幾個變化：

.imagewrapper{ 
    width: 80%; 
    margin: 0 auto; 
    height:100%; 
    text-align: center; /* add this */ 
} 

.mask { 
    position:relative; 
    height:180px; 
    width:240px; 
    box-shadow:0 0 1px #000; 
    border:5px solid #f6f6f6; 
    overflow:hidden; 
    float:left; /* delete this */ 
    margin:15px; 
    display: inline-block; /* add this */ 
}