如何让JqueryUi Slider垂直对齐中间？

Question

这是我的代码：

<div class="search-option">
    <div id="slider-days" class="search-opt-left"></div>
    <input type="text" id="amount-days" class="search-opt-right input-small"/>
</div>

我想让滑块和输入字段algin到行的中间。

我该怎么做？谢谢！

我的CSS：

.search-opt-left {
  float: left;
  width: 250px;
  vertical-align: middle;
}
.search-opt-right {
  float: left;
  margin-left: 20px;
}

Answer 1

这可能是错误的。 我通常做的是做一张桌子。由于表格行以垂直居中的对齐方式开始，因此非常简单。

<div class="search-option">
    <table cellspacing="0" cellpadding="0">
        <tr>
            <td>
                <div id="slider-days" class="search-opt-left"></div>
            </td>
            <td>
                <input type="text" id="amount-days" class="search-opt-right input-small"/>
            </td>
        </tr>
    </table>
</div>

然后你可以改变你的CSS以摆脱不需要的东西。