Fatal编程技术网
  • jquery/
  • JQuery mobile按钮内的两列网格don'；不要填满宽度

JQuery mobile按钮内的两列网格don'；不要填满宽度

jquery css jquery-mobile

JQuery mobile按钮内的两列网格don'；不要填满宽度,jquery,css,jquery-mobile,pug,Jquery,Css,Jquery Mobile,Pug,我试图创建两列网格，并让按钮填充列宽，但按钮不能填充列的所有宽度。这是我的翡翠模板代码： 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-bl

我试图创建两列网格，并让按钮填充列宽，但按钮不能填充列的所有宽度。这是我的翡翠模板代码：

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
这是怎么回事

谢谢，

从代码中删除
数据内联
位。内联按钮适用于不希望按钮全宽的情况

下面是一个使用内联按钮与常规按钮的对比示例：（以及一个使用网格的示例）

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

下面是一个使用内联按钮和常规按钮的示例：（以及一个使用网格的示例）