是不是没有办法在具有固定高度的div内垂直对齐文本？

Question

  

可能重复：
  Using jQuery to center a DIV on the screen

我知道它适用于表，但是现在没有办法自动垂直对齐（在中心）文本？我简直不敢相信......

我的code：

HTML

<div class="content">
    This is my text
</div>​

CSS

.content
{
    width:80px;
    height:150px;    
    background-color:#aeaeae;
}

Answer 1

将display: table-cell; vertical-align: middle;添加到div，演示：little link。

要使其适用于IE7，您可以使用：another little link。它会检测您的浏览器何时是IE6 / 7，并将带有display: table-*;的元素替换为实际的HTML表格。

Answer 2

这是一个包含多个选项和每个选项的评估的网站。我已经使用了基于表的表，并取得了很好的成功。

http://css-tricks.com/vertically-center-multi-lined-text/

Answer 3

.content
{
    width:80px;
    height:150px;    
    background-color:#aeaeae;
    display:table-cell;
    vertical-align:middle;
}

这应该有帮助