Html 在网页中以一种大小显示所有图像,但不降低质量

Html 在网页中以一种大小显示所有图像,但不降低质量,html,css,Html,Css,我想展示一些图片。我需要它们具有相同的大小,并从中间显示图片,以防止质量下降。使用此css image{ max-width:100%; max-height:100% } 根据您的内容,有多种方法可以做到这一点。但这也将帮助您对图像进行中间对齐 .image { max-width: 100%; max-height: 100%; margin: 0 auto; display: block; } 但我的建议是让你的问题更容易理解,以及您真正想要的。添加您的代码,并为我

我想展示一些图片。我需要它们具有相同的大小,并从中间显示图片,以防止质量下降。

使用此css

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;}