垂直對齊標籤和文本框

Question

我的問題與我在互聯網上發現的其他問題有點不同。我有兩個列布局，每個都有50％，我有我的標籤和輸入字段。問題在於標籤的文字，有時很長，有時只是一個字。我嘗試了一切，但我無法讓文本垂直居中對齊。我曾嘗試過的東西line-height vertically-align display

Answer 1

顯示：內嵌塊聲明並不完全支持IE7及以下版本，所以你必須使用display：inline代替zoom：1 hasLayout hack模仿聲明攻擊目標IE7。要對齊兩個文本框和labelwe可以使用垂直對齊：中間屬性，就像這樣：

CSS

input.textBox { 
    margin-top: 5px; 
    margin-bottom: 5px; 
    height: 30px; 
    width: 350px; 
    font-size: 15px; 
    font-family: Verdana; 
    line-height: 30px; 
    display:inline-block; 
    *display: inline;  /* for IE7*/ 
    zoom:1;    /* for IE7*/ 
    vertical-align:middle; 
} 

label.inputLabel { 
    font-family: Verdana; 
    font-size: 15px; 
    line-height: 30px; 
    display:inline-block; 
    *display: inline;  /* for IE7*/ 
    zoom:1;    /* for IE7*/ 
}