jquery mobile 两个控件在一行显示

Question

<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

1 2 3 4 5 6

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