如何顯示/隱藏html控件保持其位置相同？

Question

想象一下html頁面上的搜索欄，它有4個控件放在同一行上，每個控件放在DIV中。 例如在同一行上的幾個列表框：
searchbyX，byY，byZ，byN 經過一些點擊後，其中一些控件被隱藏，一些顯示（使用JQuery）。 問題是我希望每個控件都保留它的位置，但是如果我隱藏它的左邊鄰居，它會移動到左邊，因此不會保持其原始位置。

如何顯示/隱藏控件保持其位置相同？

Answer 1

如果我理解正確的話，

visibility: hidden 

會做的伎倆。 它會隱藏元素，但保留它所需的空間。

使其可見再次，刪除屬性或設置一個明確的

visibility: visible 

Answer 2

而是通過設置「顯示」藏匿其中的「無」，將「知名度」爲「隱藏」。