如何显示/隐藏 html 控件以保持其位置相同？

Question

想象一下 html 页面上的搜索栏，它在同一行上有 4 个控件，每个控件都包含在 DIV 中。 例如。同一行上的几个列表框：
searchbyX、byY、byZ、byN 一些点击后，这些控件中的一些被隐藏，一些被显示（使用 JQuery）。 问题是我希望每个控件都保留它的位置，但是如果我隐藏它的左邻居，它将向左移动，因此不会保持其原始位置。

如何显示/隐藏控件以保持其位置不变？

Answer 1

如果我理解正确的话，

visibility: hidden

会成功的。 它将隐藏元素，但保留它需要的空间。

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

visibility: visible

Answer 2

不要通过将“显示”设置为“无”来隐藏它们，而是将“可见性”设置为“隐藏”。