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