在div中预览多个图像时出错

Question

我正在从单个输入框上传多个图像，并希望用户在将图像上传到服务器之前查看拇指预览。

我的问题是拇指预览正在DIV之外显示，如下所示：

如何让这些拇指出现在黑暗区域内？

我的jsfiddle代码 here 。

Answer 1

div #uploa默认情况下将display属性设置为block，如果在div下面设置任何添加的元素，那么你需要做的是将div的位置设置为relative，然后是div的位置图像为绝对，然后使用javascript控制左属性。

这正是您需要定位的元素

output#list {
   position: absolute;
   top: 10;
   left: 230;
}