外面是一个div里面套着img标签,想实现图片填充满div
<div class="grid_two">
<img :src="data.imgurl" alt />
</div>
样式写法
.grid_two > img {
display: block;
height: 100%;
width: 100%;
}
本文介绍了一种使用CSS样式使图片完全填充其包含div的方法。通过设置display为block,height和width均为100%,可以确保图片按比例缩放并填满整个div区域。
外面是一个div里面套着img标签,想实现图片填充满div
<div class="grid_two">
<img :src="data.imgurl" alt />
</div>
样式写法
.grid_two > img {
display: block;
height: 100%;
width: 100%;
}

被折叠的 条评论
为什么被折叠?