0

我有两个列表框，我将一个框的数据移动到另一个框。我拥有的列表框如下。

<select id="sourceCars" class="car" size="20" >
    <option>User 1 </option>
    <option>User 2 </option>
    <option>User 3 </option>
    <option>User 4 </option>
    <option>User 5 </option>
</select>

<input type="button" value=" >> " id="moveRight">
<input type="button" value=" << " id="moveLeft">
<select id="targetCars" class="car" size="20" >
</select>​

我想要的是，将按钮 >> <<放在列表框的中心，而不是在列表框的底部。

知道如何完成这项工作吗？

jsfiddle

4

4 回答 4

1 
input {
 position:relative;
 top:-150px;

}

请注意，-150px 应替换为选择高度的一半。为这些按钮添加一些类将使事情变得容易。例如：

.moveBtn {
  position:relative;
  top:-150px;
}
于 2012-10-13T10:03:55.567 回答
1 
 <div class="butts">   
       <input type="button" value=" >> " id="moveRight">
       <input type="button" value=" >> " id="moveRight">
 </div>

.car{
    float:left;
}
.butts{
    margin-top:150px;
    width:70px;
    float:left;
}​

jsFiddle

于 2012-10-13T10:14:35.293 回答
0

使用 position 作为绝对值，然后设置 left 和 top 值。

请参阅此处的代码：http: //jsfiddle.net/yFxBc/8/

于 2012-10-13T09:44:28.553 回答
0

对于设置在中心，您使用此 css 代码

margin:0 auto;
width:250px;
于 2012-10-13T09:44:28.870 回答