html - 如何使 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 以摆脱不需要的东西。