是否可以将选择菜单和输入类型放在同一行？

Question

我想将选择菜单和输入类型放在同一行。

这是jsfiddle demo的链接。

HTML

<div class="lin">
<select data-inline="true">
<option>1</option>
<option>hello</option>
</select>

     

我尝试使用风格，但我没有得到任何人帮助我。

Answer 1

只需将其置于网格中，jQuery Mobile就可以 solution 。

工作示例：http://jsfiddle.net/Gajotres/26uph/

HTML：

<div class="ui-grid-a">
    <div class="ui-block-a"><input type="text"/></div>
    <div class="ui-block-b"><select><option>1</option><option>2</option></select></div>
</div><!-- /grid-a -->

Answer 2

HTML：

<div class="left">
    <select data-inline="true">
    <option>1</option>
    <option>hello</option>
</select>
</div>
<div class="right">
    <input type="text" name="txt" value=""/>
</div>
<div class="clear">
</div>

CSS：

.left{
    display:inline;
    float: left
    }
.right{
    float:right;  
}
.clear{
    clear:both;
}

看看：http://jsfiddle.net/DRs8p/3/