css - 如何使标签相对于相邻下拉菜单垂直居中？

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