Dropzone固定高度与水平滚动

时间:2017-08-25 16:30:26

标签: javascript css thumbnails dropzone.js

我在高级CSS或dropzone方面不够熟练,不知道如何修改模板,所以感谢任何帮助。我想为dropzone缩略图创建一个固定宽度,单行高度的区域,从左到右滚动显示当前在dropzone上传器中的任何文件。

感谢任何帮助。仅供参考,我已经隔离了设置宽度的CSS样式:50%,我假设至少部分工作在那里。

1 个答案:

答案 0 :(得分:1)

好的,就像那些无限的猴子一样敲击钥匙,我能够弄明白:

首先我在dropzone容器中添加了一个额外的类名:

<div class="dropzone hzScroll" id="lpDropzone"></div>

然后我在它上面添加了一个样式定义:

<style>
    .dropzone .dz-preview.lp-preview {
        width: 150px;
    }
    .dropzone.hzScroll {
        width: 740px;
        overflow: auto;
        white-space: nowrap;
    }
</style>