html - 没有办法在固定高度的 div 内垂直对齐文本吗？

Question

Possible Duplicate:
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

添加显示:表格单元格； Vertical-align: middle; 到您的 div，演示:little link .

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