按钮之间的 CSS 空间

Question

我试图在 jQuery Mobile 中的两个按钮之间留一个空白区域。现实中的布局是这样的：

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

在我的页面上是这样的：

Button 1      Button 3

我希望它看起来像这样：

Button 1                            Button 3

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

我试过 float: 就在第三个按钮上，但这给了我这个：

               Button 3              Button 1

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

Answer 1

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