即使使用display：hidden隐藏对象，网页中的空白

Question

这是我在JsFiddle中的代码（因此您也可以查看运行中的代码-https://jsfiddle.net/2yvjm4h1/

尽管使用display:none;隐藏了我的对象，而不是使用visibility:hidden隐藏了我的表单对象（在使用javascript有条件地显示它们之前），但textarea元素和第一个文件上传元素之间仍然存在大量空白。用户单击按钮以在屏幕上添加所有10个文件上传元素后，空白将消失。但是我希望空格始终消失，并且页面大小动态增加。

如何从一开始就消除空白？

Answer 1

似乎每个div之后都有一个br。尝试删除它们或将它们放入具有display:hidden的div中。参见我的jsfiddle fork。

编辑：如果您打算取消隐藏div，他们将不会有任何休息。要解决此问题，请将换行符

inside放入div。