带jquery mobile的全宽水平按钮?

带jquery mobile的全宽水平按钮?,jquery,css,jquery-mobile,Jquery,Css,Jquery Mobile,在Jquery mobile中,我可以对水平按钮进行分组,但它们不占组的100%宽度 我尝试添加一个设置宽度为100%的类,但没有成功 我怎么做 谢谢大家! 更新+可能的修复:它似乎失败了,因为我在两个按钮中都显式使用了width=“50%”。我做了45%和合身。可能按钮有一些空白 应用修复程序的源代码:http://pastebin.com/ZXDNfAU1 <div class="ui-grid-a"> <div class="ui-block-a"><

Jquery mobile
中,我可以对水平按钮进行分组,但它们不占组的100%宽度

我尝试添加一个设置宽度为100%的类,但没有成功

我怎么做

谢谢大家!

更新+可能的修复:它似乎失败了,因为我在两个按钮中都显式使用了
width=“50%”
。我做了
45%
和合身。可能按钮有一些空白

应用修复程序的源代码:
http://pastebin.com/ZXDNfAU1


<div class="ui-grid-a">
    <div class="ui-block-a"><button type="submit" data-theme="c">Cancel</button></div>
    <div class="ui-block-b"><button type="submit" data-theme="b">Submit</button></div>
</div>
取消 提交
如果它不在页脚或页眉元素中,上面的代码将执行此操作。此处有两个柱网轴线:


我不知道如何在页脚内完成它,用firebug检查它,看看是什么导致它们显示不好

并将
data type=“horizontal”
添加到源中的controlgroup div中。


<div data-role="controlgroup" data-type="horizontal">
  <a href="index.html" data-role="button">Yes</a>
  <a href="index.html" data-role="button">No</a>
</div>
我从文档中获得了上面的代码:

我自己试过,效果很好。您可以看到两个按钮并排展开,以填满100%的屏幕。


<div class="ui-grid-solo">
    <div class="ui-block-a">
         <input type="submit" name="Action" value="Register" data-theme="b"/>
    </div>
</div

如果你想水平2按钮可能是你可以使用的

<div style="float:left; " >  
<div style="float:right;" >


Added,很抱歉。实际上,这是文档中大部分复制粘贴的代码。“导航栏”工具栏就是一个不错的选择。有一个代码示例正在讨论这个问题。在最新的测试版中,当我在iPhone上观看时,它不适用于我如何获得组按钮的全屏宽度