Html 如何在正文标记中垂直和水平居中放置文本？

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

例如，如果我有此文本，“输入代码”

---

还有，奖金相关的问题，是文字还是图片有关系吗？我这样问是因为我可以在文本的左边放一个图像

我不太清楚你所说的“中心”是什么意思（有几种定义），但也许这能满足你的需要：

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

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

一些文本
.myclass{
位置：绝对位置；
左：50%；
最高：50%；
}

不管是文本还是图像，浏览器只是将其视为块内容

---

注意

文本对齐：居中将使项目在其容器内水平居中。
值得一提的是，这不会“居中”图像，而是将左上角与主体的中心点对齐，而不是与图像的中心对齐，这可能是所需的。若要使元素居中，请将其与变换配对：
变换：translateX（-50%）translateY（-50%）（如果需要，加上前缀）除了“居中放置”之外，还有什么其他中心定义？“将此文本的左边缘与屏幕左边缘和右边缘中间的像素对齐”。“放置此文本时，其一半像素位于屏幕的左半部，一半像素位于屏幕的右半部。”。“放置此文本，使其一半字符位于屏幕的左半部分”。这三个定义都会产生不同的结果。如果希望文本真正位于中心（考虑到文本的长度），则类应为：.text{position:absolute；text align:center；top:50%；width:100%；}