按钮之间的CSS空间

Question

我试图在jQuery Mobile中的两个按钮之间留空空间。实际布局如下：

Button 1      Button 2 (Hidden w/ display: none)        Button 3

在我的页面上看起来像这样：

Button 1      Button 3

我希望它看起来像这样：

Button 1                            Button 3

不删除隐藏的第二个按钮，因为该按钮将显示为后退按钮以返回搜索结果。因此，如果有搜索结果，它应该看起来像在页面顶部，除了display：none已经消失。

我试过漂浮：就在第3个按钮上，但这给了我这个：

               Button 3              Button 1

任何知道如何解决此问题的CSS专家将不胜感激。感谢。

Answer 1

使用visibility: hidden;代替display: none;。