Question

jquery mobile 两个控件在一行显示

<input type="text" id="text1" data-inline="true" />

<select id="unit1">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>

怎么让他们在一行显示啊？

Answer 1

你确定要在一行显示？input和select在一行可不怎么好看啊。如果你确认，那我就把代码给你好了

<div class="ui-grid-b"> //一般ui-grid-b和ui-block-a在jquery mobile导入的css包里面都有带
<div class="ui-block-a">
<input type="text" id="text1"/>
</div>
<div class="ui-block-b">
<select id="unit1">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
</div>
</div>

不明白请追问，如果对你有帮助记得采纳~

Answer 2

#text1{
float:left
}
#unit1{
float:left
}