文本對齊垂直無法在div中工作？

Question

.st_content_heading{ 
width:500px; 
height:250px; 
background:red; 
border:1px solid #ccc; 
float:left; 
margin:0px; 
padding:0px; 
display:table-cell; 
vertical-align:middle; 
} 
<div class="st_content_heading" style="vertical-align:middle;">Content for class "st_content_out" Goes Here</div> 

Answer 1

如果浮動元素，則會丟失表格單元狀態。

.st_content_heading{ 
width:500px; 
height:250px; 
background:red; 
border:1px solid #ccc; 
/* float:left; take this out */ 
margin:0px; 
padding:0px; 
display:table-cell; 
vertical-align:middle; 
} 

Answer 2

此解決方案完美匹配我。即使它是一個鏈接或div內的文本，這個CSS類可以垂直對齊DIV內的內容

.verticalCenterDivText{ 
    height: 29px; 
    line-height: 29px; 
} 

希望這會有所幫助。