隱藏的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 };