Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/408.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 预览div中的多个图像时出错_Javascript_Html_Css - Fatal编程技术网

Javascript 预览div中的多个图像时出错

Javascript 预览div中的多个图像时出错,javascript,html,css,Javascript,Html,Css,我从一个输入框上传多个图像,希望用户在上传图像到服务器之前看到一个拇指预览 我的问题是thumb预览显示在DIV外部,如下所示: 如何使这些拇指出现在黑暗区域内 我的JSFIDLE代码在这里 div#uploa默认情况下有一个display属性设置为block,其中任何添加的元素都将设置在div下面,因此您需要做的是,将div的位置设置为relative,然后将图像的位置设置为absolute,然后使用javascript控制left属性 这正是您需要瞄准的元素 output#list {

我从一个输入框上传多个图像,希望用户在上传图像到服务器之前看到一个拇指预览

我的问题是thumb预览显示在DIV外部,如下所示:

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

我的JSFIDLE代码在这里

div#uploa默认情况下有一个display属性设置为block,其中任何添加的元素都将设置在div下面,因此您需要做的是,将div的位置设置为relative,然后将图像的位置设置为absolute,然后使用javascript控制left属性

这正是您需要瞄准的元素

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

请添加您的代码,或者在这里输入JSFIDLE。对于上述问题,您需要设置位置,或者…,发布您的代码,以获得更准确的答案。@AlexFilatov在评论中添加了我的代码。有没有办法使这五幅图像在固定位置显示,就像上面一行的3张图片和下一行的2张图片一样,这不是一个好答案,因为这个位置是绝对的,它不是解决方案extendable@AlexFilatov但上面的答案是我想要的need@AlexFilatov对于这种情况,你能给我们提供一个更精确的答案吗?@lawrence,要创建更多的行,你需要重新设计布局,在span上使用float属性,如果将输出保持在表单之外,效果会更好。