html - 如何使图片的背景文字居中

Question

标题几乎说明了一切，我有一张图片，上面有文字。我想让它始终居中，水平和垂直。现在我用

headerText: {
    position: absolute;
    top: 40%;
    left: 5%;
}

但它似乎不适用于不同的分辨率。那么有没有其他方法可以实现这种布局呢？

Link到网站(黄色标题是我想要居中的文本)

Answer 1

另一种方法是将以下 CSS 添加到 .headerText 样式:

width: 100%;
text-align: center;
left: 0;

希望对您有所帮助。