Jquery mobile 可使'；控制组'；全宽按钮？

（使用jQuery Mobile 1.3.0版）

我试图让一组垂直控制组按钮拉伸屏幕的整个宽度。我试着给它们以及它们的容器添加“宽度：100%！重要；边距：0！重要”，但这没有任何区别

<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”来制作这个特定项目

---

谢谢

默认情况下，jQM中的content DIV有15px的填充，因此controlgroup DIV在右侧和左侧保留15px。您可以使用以下CSS删除填充：

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

这里有一个演示：