集成在DIV中的CSS文本

Question

我正在嘗試實現某些功能，但無法做到這一點。

我有一個固定高度的股利&寬度。 我希望文字垂直居中。

到目前爲止我設法這樣做：

<div> 
    <a>this is a long text</a> 
</div> 

，它看起來像這樣

------------- 
This is a long 
    text 
------------- 

這是偉大的

但如果行不會換它會看起來像這樣

------------ 
This is short 

------------- 

.the-div 
{ 
height:29px; 
line-height:14px !important; 
} 

.the-a 
{ 
font-size:12px; 
} 

我也需要這個值！

我試圖用行高，並與JS玩明白，如果它的包裝與否，然後改變行高相應

感謝您的幫助

Answer 1

div a{ 
margin-top:auto; 
margin-bottom:auto; 
} 

Answer 2

嘗試這個例子

http://jsfiddle.net/fcalderan/3HBC4/1/

Answer 3

.the-a 
{ 
font-size:12px; 
vertical-align: middle; 
} 

Answer 4

如果你讓行高一樣div的高度，它會自動垂直居中

the-div 
{ 
height:29px; 
line-height:29px !important; 
} 

Answer 5

要垂直對齊的話，你會需要使用一些顯示爲表黑客。這將允許你使用vertical-align:middle;，實現我相信你的願望。

Example