Question

在Jquery mobile中，我可以对水平按钮进行分组，但它们的宽度不是100％。

我尝试添加一个设置width:100%但不起作用的类。

我该怎么做？

谢谢！

更新+可能的修复：似乎它失败了，因为我在两个按钮中明确使用width="50%"。我做了45%和合适。可能是按钮有的一些边缘？

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

Answer 1

<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>

如果它不在页脚或标题元素中，则会执行上述操作。这里有两列网格： http://view.jquerymobile.com/master/demos/grids-buttons/

我不知道如何在页脚内完成它

Answer 2

<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>

我从文档中获得了以上代码： http://jquerymobile.com/demos/1.0b1pre/#/demos/1.0b1pre/docs/buttons/buttons-grouped.html

我自己尝试过，它完美无缺。你并排获得2个按钮，可以扩展到100％的屏幕。

Answer 3

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

这有效

Answer 4

用萤火虫检查它，看看是什么导致它们显示不良。

并将data-type="horizontal"添加到源中的controlgroup div。

Answer 5

如果你想要水平2按钮，你可以使用

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

带jquery手机的全宽水平按钮？

5 个答案: