jquery mobile 如何在小屏幕上也让label和input保持在同一行

右边有棵草 发布于 2014/01/02 11:46
阅读 8K+
收藏 0
jquery mobile 的label和input默认在小尺寸屏幕上会隔行显示,那如何让它们一直保持在同一行?O(∩_∩)O谢谢
加载中
0
甘薯
甘薯

也想知道这个问题,同问。

0
dylan36
dylan36
自定义css样式 @media (max-width: 480px)
0
flute小行
flute小行
同求。。
0
yuehuaay
yuehuaay

自己自定义宽度就可以了

<li data-role="fieldcontain">
<div class="ui-grid-a">
<div class="ui-block-a" style="display:inline-block;width:50%;margin:0 0 0 0;">
<label for="cash" style="font-size:13px;"><huge>现金</huge></label>
<input name="cash" type="checkbox" id="cash" data-mini="true" checked/>
</div>
<div class="ui-block-b" style="display:inline-block;width:50%;color:#bf2020;margin:0 0 0 0;">
<label for="rechargeCard" style="font-size:13px;"><huge>充值卡</huge></label>
<input name="rechargeCard" type="checkbox" id="rechargeCard" data-mini="true" checked/>
</div>
</div>
</li>

0
SimonLu1994
SimonLu1994

不用那么麻烦,<div data-role="fieldcontain">
<label for="username">用户名</label>
<input type="text" id="username" name="username" placeholder="请输入您的用户名">
</div>,这就可以了

右边有棵草
右边有棵草
这样还是不行的,屏幕一小 还是分行了
返回顶部
顶部