gpt4 book ai didi

php - 无论上传图片的大小如何,卡片都会显示相同大小的特色图片

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

我在网站上工作,我们有一个新闻部门。该页面会自动从数据库中加载文章,但我遇到了一个外观问题。

基本上,文章所在的卡片(特色文章除外)的大小都根据图像而有所不同。

我想要做的是让每张卡片保持相同的大小。我的想法是无论上传图片的实际大小如何,都让它显示相同大小的图片我希望这是有道理的。

这有可能吗?任何人都可以 Bootstrap/指导我如何完成吗?

下面是它目前的样子。我想要做的是让每张卡片大小相同。因此,创建一个显示特定大小的 mask :

different size cards due to image size

最佳答案

基于我的评论的两个示例,显然,我不确定您的实际代码

一种方式:

<style>
.card-image {
width: 200px;
height: 100px
}
</style>
<div class="card">
<img src="path/to/image.jpg" class="card-image" alt="Alt Text"/>
</div>

另一个:

<style>
.card-image {
width: 200px;
height: 100px
background-image:url("path/to/image.jpg");
background-size:cover;
}
</style>
<div class="card">
<div class="card-image"></div>
</div>

关于php - 无论上传图片的大小如何,卡片都会显示相同大小的特色图片,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51505328/

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