javascript - DIV 隐藏元素间距调整

标签 javascript html css

我有一个奇怪的问题。

我正在使用切换来显示和隐藏页面内容。我根据 javascript 中的 onclick 事件更改了 div 元素的可见性,它工作正常。

我的问题是即使某些内容在 onclick 之前被隐藏,页面中也会分配空间,一旦发生点击事件,文本就会出现在该空间中。如果我们再次点击,文本就会消失。

我希望空间也消失,否则看起来很尴尬。我将附上图片以供进一步引用。请只有 javascript、css 和 php 没有 jquery 解决方案。 Image of the problem

最佳答案

如果您正在这样做,您应该使用 CSS display: none 而不是 visibility: hiddenvisibility: hidden 只是使元素不可见,但保留其在文档中的位置,而 display: none 将元素从文档流中完全移除。

关于javascript - DIV 隐藏元素间距调整,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12394593/

相关文章:

javascript - 如何在html5视频播放器中获取特定时间戳的字幕文本

javascript - 如何自定义 FullCalendar Bundle 的数据 [Symfony 4]

php - Jquery - 表工具如何导出为 xls?

css - 即使来源正确,@font-face 也不起作用

html - 小屏幕折叠侧边栏和 Accordion

javascript - FireFox 扩展对 TinyMCE 编辑器进行脚本注入(inject)

html - 如何组合 CSS "text-shadow"和 "background-image: -webkit-gradient"

javascript - 将 ng-click 事件添加到 angular-ui Accordion

jquery - 我不能让 jQuery UI Accordion 选项卡在使用时改变颜色(比如 :visited), 可以吗?

javascript - 尝试处理触摸事件