javascript - 如何显示/隐藏 html 控件并保持其位置相同?

标签 javascript jquery css user-interface

想象一下 html 页面上的搜索栏,它在同一行上有 4 个控件,每个控件都包含在 DIV 中。 例如。同一行上的几个列表框:
按X、Y、Z、N 搜索 单击几次后,其中一些控件会隐藏,一些会显示(使用 JQuery)。 问题是我希望每个控件保持其位置,但如果我隐藏它的左邻居,它就会向左移动,从而不保持其原始位置。

如何显示/隐藏控件并保持其位置相同?

最佳答案

如果我理解正确的话,

visibility: hidden

就可以了。 它将隐藏该元素,但保留它所需的空间。

要使其再次可见,请删除该属性或设置显式

visibility: visible

关于javascript - 如何显示/隐藏 html 控件并保持其位置相同?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2245397/

相关文章:

html - Bootstrap wordpress 主题在 Chrome 中显示奇怪的白色 div

border - 使用 CSS 为 3 个面添加光晕

javascript - 如何在javascript中添加偶数INDICES的总和?

javascript - 为什么我无法访问 javascript 中的对象值

jquery - 为什么使用 JQuery 元素创建语法?

html - 我的 Github 页面不会将自定义 css 文件应用到网站

javascript - 如何提高scrollmagic的速度

javascript - 简单的 jquery 幻灯片元素

javascript - 如何在vue js中上传没有base64格式的图片?

如果选择达到数字,JavaScript 会发出警报