间距问题

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。