Html 在网页中以一种大小显示所有图像,但不降低质量
我想展示一些图片。我需要它们具有相同的大小,并从中间显示图片,以防止质量下降。使用此cssHtml 在网页中以一种大小显示所有图像,但不降低质量,html,css,Html,Css,我想展示一些图片。我需要它们具有相同的大小,并从中间显示图片,以防止质量下降。使用此css image{ max-width:100%; max-height:100% } 根据您的内容,有多种方法可以做到这一点。但这也将帮助您对图像进行中间对齐 .image { max-width: 100%; max-height: 100%; margin: 0 auto; display: block; } 但我的建议是让你的问题更容易理解,以及您真正想要的。添加您的代码,并为我
image{
max-width:100%;
max-height:100%
}
根据您的内容,有多种方法可以做到这一点。但这也将帮助您对图像进行中间对齐
.image {
max-width: 100%;
max-height: 100%;
margin: 0 auto;
display: block;
}
但我的建议是让你的问题更容易理解,以及您真正想要的。添加您的代码,并为我们提供有关您的问题的更多信息。请参阅我想从中间对齐图片。我建议您给我们一个您已经拥有的图片示例。请转到并查看他们的图片。其中许多图片大小相同,并且图片框从图片中间显示对于图像容器,我需要一些类似的东西,我建议添加{background size:cover;position:relative;background position:center;background repeat:no repeat;overflow:hidden;}