html - JqueryUiスライダーを垂直方向に中央揃えにする方法は？

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>

スライダーと入力フィールドを行の中央に揃えたい。

どうやってやるの ？ありがとう ！

私の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を変更して、不要なものを取り除くことができます。