JQuery mobile 按钮内的两列网格不填充宽度

Question

我正在尝试创建 2 列网格并让按钮填充列宽，但按钮不会填充列的所有宽度。这是我的 Jade 模板代码:

fieldset.ui-grid-a
          div.button.ui-block-a
             input.button(type='submit',data-inline='true',value='Sign In',data-transition='fade',data-theme='a',style='width: 100%;')
          div.ui-block-b   
             a.button(href='/signup',data-inline='true', data-role='button',data-theme='b')
               label Sign Up

这是怎么回事？

谢谢，

Answer 1

从您的代码中删除 data-inline='true' 位。内联按钮适用于您不希望按钮全宽的情况。

这是使用内联按钮与常规按钮的示例:http://jsfiddle.net/Bh8SE/1/ (以及使用网格的示例)