作者:十字心死_823 | 来源:互联网 | 2023-02-13 15:19
我有一个网页,我在拇指视图中显示了很多图像,所以我有一个所有拇指的定义大小:
然后,加载在该容器中的图像可以更高或更宽,所以我希望它能够正确显示.例如:如果图像较高,则应显示中心:
然后,如果图像更宽,它应该是:
目前图像正在填充整个容器,因此其中一些不按预期显示,一些正在扩展而另一些则太宽.提前致谢!
1> Abhishek Pan..:
这会有所帮助
flex-box
解
div {
height: 300px;
width: 300px;
border: 1px solid;
display: flex;
justify-content: center;
align-items: center;
}
img {
max-height: 100%;
max-width: 100%;
}