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

时间:2010-02-11 15:18:32

标签: javascript jquery css user-interface

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

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

2 个答案:

答案 0 :(得分:4)

如果我理解正确的话,

visibility: hidden

会做到这一点。 它会隐藏元素,但保留它所需的空间。

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

visibility: visible

答案 1 :(得分:0)

不要通过将“display”设置为“none”来隐藏它们,而是将“visibility”设置为“hidden”。