如何在body标签中垂直和水平居中显示文本?

时间:2012-01-22 07:35:15

标签: html css

如何将文本垂直和水平居中到页面中心?

例如,如果我有这个文本,“输入代码”。

此外,与奖金相关的问题,如果它的文字或图像是否重要?我问,因为我可能会在文本左侧放置一个图像。

1 个答案:

答案 0 :(得分:-1)

我不完全确定你的意思是“中心”(有几个定义),但也许这会做你想要的:

<div class="myclass">Some text</div>

.myclass {
    position: absolute;
    left: 50%;
    top: 50%;
}

无论是文本还是图像都无关紧要 - 浏览器只是将其视为块内容。

请注意,text-align: center;会将项目水平居中放在其容器中。