1

我有一个带有边距和填充的 div。我想隐藏 div 内的内容。我正在使用 js 来显示、隐藏进程。问题是当我试图隐藏内容时，它会被隐藏，但间距或间隙保持不变。Firefox 可以正确呈现，但不能在 ie 中。我该如何解决这个问题，即使用css？

4

4 回答 4

2

如果您从 div 中删除内容，它可能会在某些浏览器中被边距和填充完全隐藏，但在其他浏览器中边距和填充保持可见。

您可以尝试将显示样式应用于 div：

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

它会完全消失。

于 2009-07-02T13:06:39.080 回答
0

我可能读错了你的问题，但我假设，因为“间距和间隙保持（原文如此）相同”，你正在使用

#style {visibility: hidden; }

如果你使用

#style {display: none; }

并且任何具有样式 id 的内容都将从文档中完全删除，而不是简单地hidden从视线中删除。

于 2009-07-02T13:58:49.287 回答
0

您可以使用嵌套 div，将您不想隐藏的填充和边距放置在父 div 中，将您想要隐藏的填充和边距放置在子 div 中，并且只使用您的 javascript 隐藏子 div。

于 2009-07-02T12:51:28.923 回答
0

尝试删除内容并将容器的填充设置为 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>
于 2009-07-02T13:15:28.453 回答