0

（使用 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”。

谢谢

4

1 回答 1

1

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

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

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

于 2013-11-12T20:50:12.047 回答