我正在使用 JQuery Mobile 并尝试使用设置两个元素的宽度ui-grid-a
如下面的代码所示。结果是 2 个元素,其宽度等于50:50%
。我希望我的输入文本宽度是80%
我的按钮是20%
在同一行。怎么能做到这一点呢?
<div data-role="footer" data-theme="a" class="ui-grid-a" data-position="fixed">
<div class="ui-block-a" >
<input id="outgoingMsg" placeholder="Your Message . . .">
</div>
<div class="ui-block-b" >
<div style="margin: 10px 0 0 0;">
<a id="callDialog" href="#dialog" type="button"
data-theme="b" data-rel="dialog"
data-transition="slidedown">Send</a>
</div>
</div>
</div>
您可以覆盖每个网格列的宽度。
<div class="ui-block-a" style="width:80%"><input id="outgoingMsg" placeholder="Your Message . . ."></div>
<div class="ui-block-b" style="width:20%" >
<div style="margin: 10px 0 0 0;">
<a id="callDialog" href="#dialog" type="button" data-theme="b" data-rel="dialog" data-transition="slidedown">Send</a>
</div>
</div>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)