讓input的內容在縱向居中,首先我使用了vertical-align樣式,沒有任何的效果。
后來google了一把,發現需要設置line-height樣式,設置后運行,果然如此!
.input   {  
  FONT-SIZE:   12px;    
  height:100px; 
  line-height:100px;
}  
以下是引用內容(http://topic.csdn.net/t/20050722/20/4162420.html):
實際上,一個Box中由很多行很多元素組成,vertical-align只作用于在同一行內的元素,它的垂直并不是相對于整個Box而言的。前面那個   span定義了一個60px的高度,但是這個span的Box中存在很多行,那段文本并不能對齊到span的中央。因此希望那段文本對齊span的中行,   需要給它定義一個line-height的屬性,讓line-height為60px,作用于一行的vertical-align就按你的想法工作了