html

Question

可能的重复：
使用 jQuery 在屏幕上居中 DIV

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

我的代码：

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

CSS

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

score 4 · Accepted Answer

添加display: table-cell; vertical-align: middle;到您的div演示：小链接。

要使其在 IE7 上运行，您可以使用：另一个小链接。display: table-*;它检测您的浏览器何时为 IE6/7，并用实际的 HTML 表格替换元素。

score 1 · Accepted Answer

这是一个具有多个选项和每个选项的评估的站点。我已经成功地使用了基于表格的表格。

score 0 · Accepted Answer

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

这应该有帮助