如何使标签相对于相邻下拉列表垂直居中

Question

我在一行中有两个div。第一个包含一个标签，但不在中心，与相邻的下拉列表相比，它看起来有点不合适：

<div id="deal_modal_body" class="modal-body">
   <div class="cb_inline_block">
      <div class="cb_inline_block"> Test: </div>
      <div class="cb_inline_block">
         <div class="input-append">
            <select id="id_">
               <option selected="selected" value="">---------</option>
            </select>
            <button id="add_button" class="btn" type="button"><icon class="icon-white">Go</icon></button>
         </div>
      </div>
   </div>
</div>

我这里有一个小提琴来简化它：

http://jsfiddle.net/houmie/6EQJw/1/

Answer 1

我不太喜欢硬编码值来将东西推到中间/中心。 更好的方法是使用Twitter Bootstrap自己的内置解决方案。

大概这是在一个表格里面吧？ 只需给该表格一个form-inline类。做。

演示：http://jsfiddle.net/6EQJw/5/

参考： http://twitter.github.com/bootstrap/base-css.html#forms