html - 如何垂直居中一个div？

Question

我div { float: left; }在 Bootstrap 结构中有两列（您可能知道）。问题是让一个里面的内容div居中（垂直）。所以，第二列的高度无关紧要，第二列总是在中间。

它不是一行文本。在我的情况下，将是一个图像和一个标题。两个元素块。

这是示例：http: //jsfiddle.net/almino_melo/L4rK5/。

我试着用rule把另一个div放在里面，然后用and把另一个放在里面。但它没有用。display: table;display: table-cell;vertical-align: middle;

Answer 1

这是我更新的小提琴http://jsfiddle.net/L4rK5/9/，它可以满足您的要求，但看起来确实很粗糙，请注意 html div 结构的更改以及以下 css 规则。

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