CSS 图片居中显示文字教程 - 如何将文字放置在图片中间
要在图片的中间显示文字,可以使用以下 CSS 样式:
.jdal-img {
position: relative;
}
.ejfl-t {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
这样,.jdal-img 类的图片元素将被设置为相对定位,.ejfl-t 类的文字元素将被设置为绝对定位,并且通过 top: 50%, left: 50% 和 transform: translate(-50%, -50%) 属性将其居中定位在图片的中间。
原文地址: https://www.cveoy.top/t/topic/nnrZ 著作权归作者所有。请勿转载和采集!