使用水平滚动在div中水平对齐图像

Question

我希望类div_to_hold_images的div能够水平对齐，即使它们溢出，所以我可以在div中使用类容器滚动来查看剩余的内容。

HTML：

<div class="container"> 
    <div class="div_to_hold_images"> 
    </div>
</div>

CSS：

.container {
    height:150px;
    width:400px;
    border:10px solid black;
    text-align:left;
    white-space: nowrap;
    overflow-y:hidden;
}
.div_to_hold_images {
    width:102px;
    margin:2px;
    height:144;
    float:left;
    overflow:hidden;
    margin-left:8px;
}

Demo

Answer 1

使用

display: inline-block;

而不是

float: left;

Demo