jquery mobile 字体和输入框不在同一行

[zhang1struts1yun]

在pc端显示是正常的， 但是在移动端显示的 字体在上 输入框在下 ，怎么能显示的时候是同一行呢， 不管手机屏幕的大少是多少

 <div data-role="content">
<div data-role="fieldcontain" >    
<label for="fname">用户名：</label>
    <input type="text" name="userName" id="userName" maxlength=20 value=""  />    
</div>
</div>

[luyang1016]

把<input 标签跟紧在</label>后面看看呢？ 也就是不要换行。 有时候这些东西说不清楚。

[zhang1struts1yun]

我想做成的效果是， label 和 输入框在同一行，外部是用div 框包着的（两边有圆角） 立体的那种。

[凌云之狮]

反正之前都是字在上这样用的 ，反正看起来效果还行啊。。。。不过JQM这东西迟早被废弃，太卡了。。

[xiangmengxia]

用table把它们放在同一行的不同列

[lk4611466]

这东西内部实现好像是根据手机尺寸来的，大于界定值就会换行显示。

[lk4611466]

小于界定值，换行显示。

[lazy_man36]

自己定义css，修改样式

[哲智]

/*搜索栏fixed*/ .wyn-search .ui-field-contain label { display: inline-block; } .wyn-search .ui-field-contain .ui-input-text { display: inline-block; } .wyn-search .ui-field-contain .ui-input-search { display: inline-block; } .wyn-search .ui-field-contain fieldset { display: inline-block; }