我有一个边缘和填充的div。我想隐藏div内的内容。我正在使用js来显示,隐藏进程。问题是当我试图隐藏内容时,它会隐藏,但间距或间隙保持不变。 Firefox正确呈现,但不在ie中。我如何解决这个问题,即在使用CSS?间距问题
Q
间距问题
1
A
回答
0
您可以使用嵌套div,将您不想隐藏的填充和边距放置在父div中,并且您希望隐藏在子div中的填充和边距,并且只使用javascript隐藏子div。
2
如果您从div中删除内容,可能会在某些brwosers中使用边距和填充完全隐藏,但在其他边缘可以使用边距和填充保持可见。
你可以尝试只将显示样式到div:
<div style="display:none;">
text...
</div>
,这将是完全消失。
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>
0
我可能读了你的问题错了,但我假设,因为“距离和差距仍然(原文如此)相同,“你正在使用
#style {visibility: hidden; }
如果使用
#style {display: none; }
和任何有风格的ID将从文件全部被删除,而不是简单地从视线hidden
。
相关问题
- 1. HTML间距问题
- 2. TextView间距问题
- 3. IE8间距问题
- 4. Bootstrap 3-间距问题
- 5. 间距问题在Ruby中
- 6. HTML列宽/间距问题
- 7. 空白间距问题
- 8. IDE字体间距问题
- 9. 手风琴间距问题
- 10. xspace的间距问题
- 11. Safari的CSS间距问题?
- 12. CSS行间距问题
- 13. HTML和CSS间距问题
- 14. JQuery DropDown间距问题
- 15. 间距问题:组合框
- 16. CKEditor段落间距问题
- 17. HTML5表格间距问题
- 18. 奇怪的间距问题
- 19. HTML5体间距问题
- 20. IE图片间距问题
- 21. CSS的间距问题
- 22. Firefox中的间距问题
- 23. it IE8字间距问题
- 24. WPF StackPanel间距问题
- 25. 单元格间距问题
- 26. 间距问题的GridBagLayout
- 27. Bootstrap行之间的间距问题
- 28. 两个div之间的间距问题
- 29. 时间输入字段间距问题
- 30. Tumblr主题:ul,il间距问题?
你的示例html/css/javascript当然会有帮助 – 2009-07-02 12:50:52