IE7垂直「內聯」元素

Question

我有一個IE7的問題..我添加了填充到我的輸入（頂部和底部）。在Firefox和其他中，標籤顯示在中間，但在IE7中，它顯示在底部......並在IE8中位於頂部。

我試圖設置標籤vertical-align:middle樣式，但它不起作用。

其小提琴：http://jsfiddle.net/w2wTA/4/

Answer 1

嘗試設置高度的 '場' DIV，並設置line-height屬性等於：

#field { 
    height: 40px; 
    line-height: 40px; 
} 

編輯

您也可以嘗試添加一個類到標籤和輸入，設置填充：

<div id="field"> 
    <label for="t" class="t">Input:</label> <input type="text" id="t" class="t"> 
</div> 

CSS：（不知何故，inline-block的不工作，所以有浮動塊就可以了，但我覺得這是一個有點「骯髒的黑客」的）

.t{ 
    padding: 10px 0; 
} 

label{ 
    vertical-align: middle; 
    display: block; 
    float: left; 
} 

這似乎是工作。 Fiddle