如何将文本垂直和水平居中到页面中心?
例如,如果我有这个文本,“输入代码”。
此外,与奖金相关的问题,如果它的文字或图像是否重要?我问,因为我可能会在文本左侧放置一个图像。
答案 0 :(得分:-1)
我不完全确定你的意思是“中心”(有几个定义),但也许这会做你想要的:
<div class="myclass">Some text</div>
.myclass {
position: absolute;
left: 50%;
top: 50%;
}
无论是文本还是图像都无关紧要 - 浏览器只是将其视为块内容。
请注意,text-align: center;
会将项目水平居中放在其容器中。