jquery-mobile:带有小文本框的字段

jquery-mobile: fieldcontain with small textbox

提问人:togarha 提问时间:5/16/2012 最后编辑:Jaspertogarha 更新时间:1/24/2013 访问量:3992

问:

我正在使用 a 来制作一个“框”,其中有两个字段“min”和“max”,问题是我想在同一行中有两个部分,但是如果显示宽度小于 jquery 想要的大小,jquery mobile 会分成两行。我尝试放置两个分量的宽度,但它仍然分成两行,标签和文本框小于显示的一半......<div data-role='fieldcontain'>

这是我的代码:

<div data-role='fieldcontain' id='TempLimits'>
<label for='Tmin' style='display-inline;width:100;'>Min
<input type='text' name='Tmin' id='Tmin' value='50' disabled='disabled' style='display:inline;width:50px;'/></div>

谢谢

jquery-移动

评论

0赞 Jasper 5/16/2012
使用小部件怎么样?jquerymobile.com/demos/1.1.0/docs/buttons/buttons-grouped.htmlcontrolgroup
0赞 togarha 5/21/2012
它不是按钮块,而是三行,每行都有一个标签+输入......
0赞 togarha 5/22/2012
我解决了将display:inline更改为display:inline-block的问题;现在一切顺利
0赞 Brady Moritz 1/23/2013
请将您的解决方案添加到此。

答:

0赞 togarha 1/24/2013 #1

这是我找到的解决方案:

<div data-role='fieldcontain' id='TempLimits'>
<label for='Tmin' style='display-inline;width:100;'>Min
<input type='text' name='Tmin' id='Tmin' value='50' disabled='disabled' style='display:inline-block;width:50px;'/></div>

评论

0赞 Justin Morgan 1/24/2013
你改变了什么?你能再强调一下相关部分吗?
0赞 togarha 1/25/2013
我不知道如何强调内部代码块,正如我上面所说,我在输入类型中将 display:inline 更改为 display:inline-block