想象一下html页面上的搜索栏,它在同一行上有4个控件,每个控件都包含在DIV中。
例如。同一行上的几个列表框:
searchbyX,byY,byZ,byN
点击几下后,其中一些控件被隐藏,一些显示(使用JQuery)。
问题是我希望每个控件保持它的位置,但如果我隐藏它的左边邻居,它将移动到左边,因此不保持其原始位置。
如何显示/隐藏控件以保持其位置相同?
答案 0 :(得分:4)
如果我理解正确的话,
visibility: hidden
会做到这一点。 它会隐藏元素,但保留它所需的空间。
要使其再次可见,请删除该属性或设置显式
visibility: visible
答案 1 :(得分:0)
不要通过将“display”设置为“none”来隐藏它们,而是将“visibility”设置为“hidden”。