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>

我想把 slider 和输入框放在线的中间。

我该怎么做？谢谢!

我的 CSS:

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

Answer 1

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

<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 以删除不需要的内容。