jquery - 如何使div可以从左向右滚动

Question

所以这是应该可滚动的 div 的 css

.form-holder{
        padding-left: 20px;
        width: auto;
        background: ;
        overflow: auto;
        max-height: 300px;
        padding-bottom: 30px;

    }

每次我上传图片时都可以预览，我希望这些图片可以水平而不是垂直查看。所以我希望 div 可以从左到右滚动

这是 fiddle :http://jsfiddle.net/roowako/AZvuL/

Answer 1

我假设这是你想要创建的:

FIDDLE

HTML:

<div class="form-holder">
    <div class="img_wrap">
        <img src="http://lorempixel.com/output/nature-q-c-280-280-4.jpg" />
        <img src="http://lorempixel.com/output/sports-q-c-280-280-2.jpg" />
        <img src="http://lorempixel.com/output/city-q-c-280-280-9.jpg" />
        <img src="http://lorempixel.com/output/fashion-q-c-280-280-1.jpg" />
    </div>
</div>

CSS:

.form-holder {
    padding-left: 20px;
    width: 300px;
    background: grey;
    overflow: auto;
    max-height: 300px;
    padding-bottom: 30px;
}
.img_wrap {
    width: 1120px;  /*width of all images */
}
.form-holder img {
    float:left;
}