line-height：如果是單行文字的話，可以使用「line-height:30px」來設定居中對齊，僅此乙個標籤就可以，但不能隨高度動態變化；
vertical-align：很多人對這個標籤有一定的誤解，它的實際意思是對不同dom元素來講的，關於vertical-align的「top,middle,super,sub,baseline...」不同屬性，是針對下圖來講的：
如果設定為top頂端對齊，則如下效果：
因此，對於單行的div文字垂直對此，僅用line-height元素即可，其高度與div高度相同即可。
參考：
div文字垂直居中
1.單行文字 設定div的高度與文字的行高一樣就可以了,即 line height 和 height 的數值是一樣的就可以了,最後給div乙個 over flow hidden 讓超出的部分隱藏.這種方法支援塊級和內聯極元素以及所有的瀏覽器,不過只能顯示一行,而且ie中不支援 img 等的居中,之所...
div文字水平垂直居中
文字居中 text align 屬性為文字水平設定，屬性有center 居中 inherit 繼承父物件的屬性 justify 兩端對齊 left 左對齊 right 右對齊 vertical align 屬性為文字垂直設定，屬性有baseline 基線 bottom inherit 繼承父物件的屬...
div中的文字垂直居中
在說到這個問題的時候，也許有人會問css中不是有vertical align屬性來設定垂直居中的嗎？即使是某些瀏覽器不支援我只需做少許的css hack技術就可以啊！所以在這裡我還要囉嗦兩句，css中的確是有vertical align屬性，但是它只對 x html元素中擁有valign特性的元素才...