Bootstrap CSS如何在图片底部添加文字说明?

a11xaf1n  于 2022-12-07  发布在  Bootstrap
关注(0)|答案(2)|浏览(256)

我对css很陌生,我想在图片的底部加上文字说明,就像这样:

我有3个图像在3个不同的bootstrap列。
第一个
我尝试了很多可能的解决方案,但没有一个真正的工作。尝试了这个例子https://css-tricks.com/text-blocks-over-image/,但当我调整我的窗口大小,文字标题不适合了。
达到这种效果的最佳方法是什么?

kh212irz

kh212irz1#

你可以简单地用Position:absolute来做,试试这个答案
第一个

k4aesqcs

k4aesqcs2#

您可以使用CSS Positioning来实现它。但是您需要稍微改变一下结构。请看下面的代码片段:
第一个
希望这对你有帮助!

相关问题