如何垂直對齊文本在一個div

垂直對齊我的文字，請找到活生生的例子http://jsfiddle.net/fb48n/
任何一個可以告訴我怎麼垂直對齊？

<div class="Heading">Upload a file</div>

CSS

.Heading{ 
    height: 62px; 
    vertical-align: 50%;background: #D46023; 
    padding: 5px 5px; 
    color: white; 
    font-size: 18pt; 
    font-weight: normal !important; 
    display: block; 
    text-align: left 
}

來源

2013-01-21 ChAmp NOmi

抱歉，即使你申請垂直對齊：中間或任何東西它不:-( –

檢查這個崗位工作http://stackoverflow.com/a/6680148/760489 – Pratik

沒有我不希望通過定位處理它沒有簡單的方法嗎？ –

只需設置的div顯示錶單元格display: table-cell，並給它vertical-align: middle。

來源

2013-01-21 12:36:50 Kamo

這是個很好的答案，但是在顯示爲表格單元格後出現了另一個問題。背景顏色只縮小到了標題區域 –

只需將您的line-height設置爲與容器盒相同即可。

line-height:62px;

JSfiddle。

來源

2013-01-21 12:37:08 MarcoK

沒有行高不工作，因爲我有3列側在第3列標題文本由於大標題去第2行，如果我申請行高標題削減請參閱http://jsfiddle.net/fb48n/8/ –

MarcoK是對的！您只需設置行高如下：

.Heading { 
    line-height:62px; 
    background: #D46023; 
    color: white; 
    font-size: 18pt; 
}

Div已經是一個塊，text-align默認設置爲左側。

奧利維爾

來源

2013-01-21 12:54:56 Bredele

如何垂直對齊文本在一個div

回答

相關問題