在JSFiddle上工作的CSS垂直對齊文本，但不在活網站上？

Question

好吧，所以我想垂直居中在一個或多個行的div內的文本。我設法成功地在一個JSFiddle做到這一點：http://jsfiddle.net/V5uKe/252/

但由於某種原因，無論我嘗試什麼;這不適用於直播網站。

*問題已解決，因此移除活動網站的鏈接。

當前CSS的方法：

#banner_middle { 
    height: 96px; 
    width: 100%; 
    float: left; 
    line-height: 96px; 
} 
    #banner_middle h5 { 
     display: inline-block; 
     vertical-align: middle; 
     line-height: 13px; 
    } 

當在Chrome直播網站看，相關的元素具有完全相同的CSS。我究竟做錯了什麼？

Answer 1

由於您希望它適用於不同數量的行，因此您需要一個動態解決方案。嘗試table/table-cell方法：

#banner_middle { 
    height: 96px; 
    width: 100%; 
    float: left; 
    display: table; 
} 
#banner_middle h5 { 
    display: table-cell; 
    vertical-align: middle; 
} 

無需使用硬編碼line-height值。