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

时间:2012-04-17 17:06:14

标签: jquery css jquery-mobile pug

我正在尝试创建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

这出了什么问题?

谢谢,

1 个答案:

答案 0 :(得分:1)

从代码中删除data-inline='true'位。当您不希望按钮为全宽时,可以使用内联按钮。

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