如何垂直居中div？

我有兩列（div { float: left; }，你可能知道）在Bootstrap結構中。問題是讓一個div內的內容走到中間（垂直）。所以，第二列的高度並不重要，第二列總是在中間。如何垂直居中div？

這不是一行文字。在我的情況下將是一個圖像和一個標題。兩個元素的塊。

這裏的例子：http://jsfiddle.net/almino_melo/L4rK5/。

我試圖把另一個div內配置有display: table;規則，然後另外一個與display: table-cell;和vertical-align: middle;。但它沒有奏效。

2013-03-21 Almino Melo

請不要鏈接到JSFiddles，除非支持您的問題。您的問題需要負責，無需打開任何外部鏈接;因爲它沒有人可以在沒有首先打開JSFiddle的情況下回答這個問題。 – meagar 2013-03-21 20:18:10

如果你有一行文字，你可以使用：http://stackoverflow.com/questions/10061339/how-do-i-align-text-to-the-middle-of-an-element-with-css- in-twitter-bootstrap – Kamil 2013-03-21 20:29:44

我會盡力解決這個問題。 – 2013-03-22 23:33:54

這裏是我更新的小提琴http://jsfiddle.net/L4rK5/9/，它會按照你的要求做，但看起來真的很粗糙，請注意html div結構以及下面的css規則的變化。

.text-center{ 
    width: 100%; 
    position: absolute; 
    top: 50%; 
}

來源

2013-03-21 22:20:47 GeorgeV

如何垂直居中div？

回答

相關問題