5

在Jquery mobile中，我可以将水平按钮分组，但它们的组不占用 100% 的宽度。

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

我该怎么做？

谢谢！

更新 + 可能的修复：似乎它失败了，因为我width="50%"在两个按钮中都明确使用了。我做到了，而且很45%合身。按钮可能有一些边距？

应用了修复的源代码：http://pastebin.com/ZXDNfAU1

4

5 回答 5

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

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

于 2011-02-09T06:36:39.673 回答
1 
<div class="ui-grid-solo">
    <div class="ui-block-a">
         <input type="submit" name="Action" value="Register" data-theme="b"/>
    </div>
</div

这有效

于 2013-06-04T04:13:19.693 回答
1 
<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% 的屏幕。

于 2011-05-22T03:34:58.903 回答
0

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

并添加data-type="horizontal"到源中的控制组 div。

于 2011-02-09T08:41:46.323 回答
0

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

<div style="float:left; " >  
<div style="float:right;" >
于 2017-03-05T15:44:24.633 回答