按钮之间的 CSS 空间

Question

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

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

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

Button 1      Button 3

我希望它看起来像这样:

Button 1                            Button 3

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

我试过 float: right on the 3rd button，但这给了我这个:

               Button 3              Button 1

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

Answer 1

使用 visibility: hidden; 而不是 display: none;。