如何垂直居中div？

Question

我在Bootstrap结构中有两列（{1}}，你知道）。问题是使一个div { float: left; }内的内容中间（垂直）。因此，第二列的高度无关紧要，第二列将始终位于中间。

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

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

我尝试使用div规则将另一个div放入其中，然后使用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%;
}