Jquery mobile jQuery移动网格布局

Jquery mobile jQuery移动网格布局,jquery-mobile,Jquery Mobile,我在jQuery Mobile中使用网格布局。但是当我在每个单元格中添加一个带有ui-bar类的div时,我的按钮并没有填满整个单元格。有没有办法让按钮填满单元格的宽度?谢谢 <div class="ui-grid-b"> <div class="ui-block-a"> <div class="ui-bar ui-bar-d" style="height: 60px; border-right-width: 0px;">User A&

我在jQuery Mobile中使用网格布局。但是当我在每个单元格中添加一个带有ui-bar类的div时,我的按钮并没有填满整个单元格。有没有办法让按钮填满单元格的宽度?谢谢

<div class="ui-grid-b">
    <div class="ui-block-a">
        <div class="ui-bar ui-bar-d" style="height: 60px; border-right-width: 0px;">User A</div>
    </div>
    <div class="ui-block-b">
        <div class="ui-bar ui-bar-d" style="height: 60px; border-left-width: 0px; border-right-width: 0px;">
            <button data-icon='delete' data-theme='e'>Delete</button>
        </div>
    </div>
</div>

用户A
删除

您已经发布了jquery mobile应该呈现的html。我不确定这是不是你写的。但是,如果jquery mobile设置正确,您应该能够执行以下操作:

<fieldset class="ui-grid-a">
    <div class="ui-block-a">
        <button type="submit" data-theme="c" name='user'>
            User A
        </button>
    </div>
    <div class="ui-block-b">
        <button type="submit" data-theme="b" name='delete'>
            Delete
        </button>
    </div>     
</fieldset>

用户A
删除