gpt4 book ai didi

html - 如何在 HTML/CSS 上用文本填充图像并对其进行缩放?

转载 作者:太空宇宙 更新时间:2023-11-03 19:15:04 25 4
gpt4 key购买 nike

我想在图像中插入一些文本,并根据该文本的长度缩放图像。

我选择了一种方法,将图像设置为 div 的背景,然后在 div 中填充文本。

我已经尝试了很多 CSS 东西,但我无法使背景高度适合 div 高度(文本长度)。

我所能找到的就是如何为整个屏幕制作背景并重新缩放它们;与此无关。帮忙?

最佳答案

如果你能够使用 CSS3 属性,你可以使用

background-size: 100% contain;

在你的分区上。否则,您将不得不使用绝对定位和 javascript 来计算大小。

关于html - 如何在 HTML/CSS 上用文本填充图像并对其进行缩放?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6976756/

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