Question

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

Answer 1

您已发布jquery mobile应呈现的html。我不确定这是不是你写的。但是，如果您正确设置了jquery移动设备，则应该可以执行以下操作：

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

jQuery Mobile网格布局

1 个答案: