如何垂直居中一个div？答案

【问题标题】：How to vertically center a div?如何垂直居中一个div？
【发布时间】：2013-03-11 12:46:15
【问题描述】：

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

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

我尝试使用display: table; 规则将另一个div 放入其中，然后将另一个display: table-cell; 和vertical-align: middle; 放入其中。但它没有用。

【问题讨论】：

请不要链接到 JSFiddles，除非是为了支持您的问题。您的问题需要在不打开任何外部链接的情况下得到回答；就目前而言，如果不先打开 JSFiddle，没有人可以回答这个问题。
如果你有一行文字你可以使用：stackoverflow.com/questions/10061339/…
我会努力解决的。

【解决方案1】：

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

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

【讨论】：