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 */
}