可以使“控制组”按钮全宽吗？答案

【问题标题】：Possible to make 'controlgroup' buttons full width?可以使“控制组”按钮全宽吗？
【发布时间】：2013-11-12 20:21:45
【问题描述】：

（使用 jQuery Mobile 版本 1.3.0）

我正在尝试使一组垂直控件组按钮拉伸屏幕的整个宽度。我尝试向它们以及它们的容器添加“width: 100% !important; margin: 0 !important”，但这没有任何区别。

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

已经在网上搜索了几个小时的解决方案，但没有找到任何解决方案。

任何想法如何做到这一点？

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

谢谢

【问题讨论】：

标签： jquery-mobile

【解决方案1】：

jQM中的content DIV默认有15px的padding，所以controlgroup div左右各留15px。您可以使用以下 CSS 删除填充：

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

这是一个演示：http://jsfiddle.net/ezanker/y52y9/

【讨论】：