Html 在div上拉伸图像

我有一个图库，缩略图的宽度设置为100%。但是，有些图像无法填充此分区的全部高度

我如何获得它，使图像延伸到div的整个宽度和高度？（无法更改为背景图像）

.图库网格img{
宽度：100%；
}

这对我很有用。你必须有一些其他的css影响它。请看这里：

---

它对我有用。你必须有一些其他的css影响它。请看这里：

试试这个：

gallery-grid .section .col a{
    display: block;
}
.gallery-grid .section .col a img {
    width: 100%;
    height: 100%;
}

您应该考虑<代码> A<代码>是一个内联元素，因此为了在其中放置一个图像，您可能需要正确设置其<代码>显示< /代码>属性。

行动中

a{
显示：块；
宽度：100px；
高度：100px；
}
img{
宽度：100%；
身高：100%；
}

父锚点有100x100个尺寸：

子映像的尺寸为100x50：

试试这个：

gallery-grid .section .col a{
    display: block;
}
.gallery-grid .section .col a img {
    width: 100%;
    height: 100%;
}

您应该考虑<代码> A<代码>是一个内联元素，因此为了在其中放置一个图像，您可能需要正确设置其<代码>显示< /代码>属性。

行动中

a{
显示：块；
宽度：100px；
高度：100px；
}
img{
宽度：100%；
身高：100%；
}

父锚点有100x100个尺寸：

子映像的尺寸为100x50：

缩略图是否都具有相同的高宽比？缩略图是否都具有相同的高宽比？

gallery-grid .section .col a{
    display: block;
}
.gallery-grid .section .col a img {
    width: 100%;
    height: 100%;
}