Html 将文本放在图像中心点上？

我对一个关键的css非常不熟悉。我试着把一些放在一个img的中心，图像在不同的形状上

.imgCounter{
z指数：500；
边缘顶部：60像素；
位置：绝对位置；
颜色：#23527c；
左边距：-60px；
}

4) ? '0.5' : '1' }">
+{{post.postImages.length-4}

当我试图在容器内垂直或水平居中时，我经常使用以下技巧：

.imgCounter{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

---

“transform”根据元素自身的宽度和高度移动元素，而不是使用“top/left”进行定位，后者根据父维度设置元素的起始位置。

您应该能够应用本文中介绍的方法之一：它为您提供了在图像上放置文本的更好方法