隐藏的HTML元素需要空间

Question

我想制作一些空的隐藏元素（iframes会很好，段落会这样做），以后Javascript会填充和修改。我一直无法弄清楚如何防止这些元素占用空间。我已关闭边距和填充，并将高度设置为零，但仍以空白区域结束。

我想看一个隐藏元素的例子，在页面上没有空格。其实，我想看看HTML，CSS和Javascript。 :-)。

Answer 1

。

Answer 2

#myelement { display:none; }应该已经通过CSS做它，使用<div id="myelement"></div>

Answer 3

最常见的解决方案是隐藏式的输入。

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

没有造型要求。

如果您使用visibility: hidden;，你应该使用display: none;相反，你可以设置此输入与财产以后的价值就像

document.getElementById('yourid').value="The Value Here"; 

Answer 4

为什么你不能只设置style =“display：none”或style =“visibility：hidden”，然后在将缺少的内容粘合后将其设置为可见？

Answer 5

我假设您使用的是visibility：hidden？正如你所看到的，这将隐藏它，但仍会占用空间。

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

Answer 6

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

将高度设置为小于行高一般是浪费时间。

Answer 7

我发现如果我使用visibility: none，那么我将失去嵌入这些对象中的目标。因此，我设置了font-size: 0pt这似乎对我很好。

我使用它来隐藏ReSTructured文本为内联内部目标放置的默认名称; span.target { font-size: 0pt };