Question

（使用jQuery Mobile版本1.3.0）

我试图让一组垂直控制组按钮拉伸屏幕的整个宽度。我尝试过添加＆＃34;宽度：100％！重要;保证金：0！重要＆＃34;对他们，以及他们的容器，但这没有任何区别。

<div class="content" data-role="content">

    <div data-role="controlgroup" data-type="vertical" >
        <a href="#" data-role="button">Button1</a>
        <a href="#" data-role="button">Button2</a>
        <a href="#" data-role="button">Button3</a>
    </div>

</div>

现在已经在网上搜索了几个小时的解决方案，但是没有想出任何东西。

任何想法如何实现这一目标？

仅供参考，我知道如何使用＆＃34; data-role = listview＆＃34;制作全角按钮，但我更愿意使用＆＃39; controlgroup＆＃39;对于这个特定的项目，如果可能的话。

由于

Answer 1

jQM中的内容DIV默认为15px填充，因此控制组div在左右两侧留下15px。您可以使用以下CSS删除填充：

.ui-content{
    padding-left: 0;
    padding-right: 0;
 }

以下是演示： http://jsfiddle.net/ezanker/y52y9/

可以使'controlgroup'按钮全宽？

1 个答案: