css 文字在图片上居中 |css 中的remove

大家首先需要一个带有图片的网页元素，例如：

<div class="img">
<img src="example.jpg">
<p>这是图片上的文字</p>
</div>

然后，大家可以利用 CSS 的定位属性，将文字与图片进行位置对齐。首先，设置 div 容器的 position 属性为 relative：

.img {
position: relative;
}

然后，对文字元素进行定位，使其居中对齐。

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

这段代码的含义是使元素距离容器顶部和左侧的距离均为 50%，然后通过 transform 属性调整居中位置。

通过这种方式，就可以在图片上居中显示文字了。