gpt4 book ai didi

css - Bootstrap 4 将图像移出卡片标题的容器

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

我正在努力实现这样的目标:

enter image description here如您所见,我为此使用了 Bootstrap 4 卡片,问题是我真的不明白如何将图标/图像从卡片标题中移出的最佳方法是什么?我尝试了几个 css 位置技巧,但没有成功。目前我有这个 Demo

最佳答案

可能最好和最干净的方法是在图像顶部使用负边距的相对位置。

这是一个例子:

<img src="/images/my_image.png" style="position: relative; margin-top: -31px;">

关于css - Bootstrap 4 将图像移出卡片标题的容器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51916295/

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