水平滚动的 Dropzone 固定高度

【问题标题】：Dropzone fixed height with horizontal scroll水平滚动的 Dropzone 固定高度
【发布时间】：2018-02-03 18:20:13
【问题描述】：

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

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

【问题讨论】：

标签： javascript css thumbnails dropzone.js

【解决方案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>

【讨论】：

我在 .lp-preview 的模板中做了一个类似的自定义类，所以我可以覆盖原始问题中提到的 50%。