jquery-mobile - jquery-mobile：标签+输入+标签在一些行

Question

我有一个表单，其中包含一些我想在行中显示的输入，但它在宽度很小之前就中断了行。这是代码：

<div data-role='fieldcontain' id='TempLimits'>
<label for='Tmin' style='display-inline;width:50px'> Min.:</label>
<input type='text' name='Tmin' id='Tmin' value='0' style='display:inline;width:50px' />
<label for='Tmin' style='display-inline;width:50px'> ºC</label>
<br>
<label for='Tmax' style='display-inline;width:50px'>Max.:</label>
<input type='text' name='Tmax' id='Tmax' value='60' style='display:inline;width:50px' />
<label for='Tmax' style='display-inline;width:50px'> ºC</label>

这是显示我想要保留的内容以及问题所在的图像（我不能直接通过声誉发布）：

在行标签 中 不在行标签中

此外，有什么方法可以让标签与输入的中心/底部而不是输入的顶部对齐？

非常感谢

Answer 1

将 css 样式附加float: left到元素上，它会自动转到下一行。

我认为这应该适用于第一行：

<label for='Tmin' style='width:50px'> Min.:</label> <input type='text' name='Tmin' id='Tmin' value='0' style='float: left; width:50px' /> <label for='Tmin' style='float: left; width:50px'> ºC</label>