如何在不移动背景图像的情况下将文本居中放置在背景图像上?HTML/CSS

Question

我有一个位于background-image属性下的图像，并且在该div类中有一些文本行。我一直使用margin-top属性来移动文本，使其在图像上居中，但它也为图像添加了一个边距。我试着使用填充道具，但它也拉伸了我放置的背景。如何在不给下面的图像添加边距的情况下将文本居中？感谢您的帮助。

Answer 1

试试这样的

position: absolute;
top: 50%;
left: 50%;

在css文件中

Answer 2

您可以使用text-align: center、margin: auto使文本居中。此外，使用display: flex; justify-content: center; align-items: center;。若元素具有绝对定位，则需要另一个解决方案。也许，您应该对齐div，但是。。。需要通过代码示例进行澄清，以便更好地理解。