gpt4 book ai didi

html - 使用 flexbox 在图像上居中文本

转载 作者:太空狗 更新时间:2023-10-29 15:59:31 25 4
gpt4 key购买 nike

<分区>

我想在鼠标悬停时在图像上添加居中文本。

这就是我得到的。

enter image description here

我曾尝试使用 margin-top 将文本强制向上移动,但页面调整大小的结果不一致。

有什么想法可以让这段文字居中吗?

.featuredText {
position: absolute;
-webkit-box-flex: auto;
-ms-flex: auto;
flex: auto;
text-align: center;
}
<div>
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/4273/jeremiah-wilson-1.jpg" alt>
<div class="centeredText">text</div>
</div>

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com