間距問題

Question

我有一個邊緣和填充的div。我想隱藏div內的內容。我正在使用js來顯示，隱藏進程。問題是當我試圖隱藏內容時，它會隱藏，但間距或間隙保持不變。 Firefox正確呈現，但不在ie中。我如何解決這個問題，即在使用CSS？

Answer 1

您可以使用嵌套div，將您不想隱藏的填充和邊距放置在父div中，並且您希望隱藏在子div中的填充和邊距，並且只使用javascript隱藏子div。

Answer 2

如果您從div中刪除內容，可能會在某些brwosers中使用邊距和填充完全隱藏，但在其他邊緣可以使用邊距和填充保持可見。

你可以嘗試只將顯示樣式到div：

<div style="display:none;"> 
    text... 
</div> 

，這將是完全消失。

Answer 3

嘗試刪除內容和設置容器的填充爲0

或者，讓事情變得更整潔一點;從容器div中刪除邊距，添加一個具有相同邊距值但是作爲填充屬性的包裝div，並簡單地顯示/隱藏容器div。

CSS

#wrapper, #container{ 
    padding:1em; 
} 

---

HTML

<div id="wrapper"> 
    <div id="container">This is the content that will be hidden</div> 
</div> 

Answer 4

我可能讀了你的問題錯了，但我假設，因爲「距離和差距仍然（原文如此）相同，「你正在使用

#style {visibility: hidden; } 

如果使用

#style {display: none; } 

和任何有風格的ID將從文件全部被刪除，而不是簡單地從視線hidden。