Javascript 隐藏的HTML元素占用空间

我想创建一些空的隐藏元素（iframe就好了，段落就可以了），稍后Javascript将填充和修改这些元素。我还没有弄明白如何防止这些元素占用空间。我关闭了边距和填充，并将“高度”设置为零，但最后仍然是空白

---

我想看一个隐藏元素的例子，它不占用页面空间。实际上，我想看看HTML、CSS和Javascript

#myelement{display:none；}

应该已经通过CSS完成了，使用

最常见的解决方案是使用隐藏类型的输入

<input type="hidden" value="yourvalue" id="yourid" />

---

如果您使用的是

可见性：隐藏您应该使用
显示：无。
为什么不能只设置style=“display:none”或style=“visibility:hidden”，然后在完成缺少的内容后将其设置为visible？
我假设您使用的是visibility:hidden？正如您所看到的，这将隐藏它，但仍将占用空间

但是，使用display:none将隐藏它并将其从页面布局中删除

style="visibility:hidden;line-height:0;"

将高度设置为小于线高度通常是浪费时间。
我发现，如果使用
可见性：无
，则会丢失嵌入这些对象中的目标。因此，我设置了
字体大小：0pt
，这似乎对我很合适

我使用它来隐藏重组文本为内联内部目标输入的默认名称<代码>span.target{字体大小：0pt}
要隐藏元素，请使用：

document.getElementById(Id).style.display = "none";

document.getElementById(Id).style.display = "inline-block";

要显示元素，请使用：

document.getElementById(Id).style.display = "none";

document.getElementById(Id).style.display = "inline-block";