我是Web开发的新手，如果这是一个非常幼稚的问题，请原谅我，但是我遇到的问题是我的行中有7张基本上是我公司拥有的图像的证书。它们的大小和颜色都不同，在一起看起来也不好。我正在尝试使它们看起来都一样大小且反应灵敏。到目前为止，我已经使用了：
clip: rect(0px,60px,200px,0px);
但这只是剪切图像，因此我需要其他解决方案可以解决此问题。我的第一个图像为250 * 100px，而其他图像为250 * 250px，同样，我有7个图像，大小各异，因此我设置了max-width：250px; 高度：自动；现在是这样的：
CSS：
.ribbon img{
height:150px;
margin: 2px 2px 2px 2px;
}
.ribbon img:hover{
border: solid 1px black;
-moz-box-shadow: 0 0 10px #ccc;
-webkit-box-shadow: 0 0 10px #ccc;
box-shadow: 0 0 10px black;
}
.ribbon{
vertical-align:center;
}
我想要得到的是那些首先要成像的图像应居中，我尝试过vertical-align：middle，但不起作用，PCGS图像为全尺寸250 * 250，所以这是问题所在
您可以尝试img { height: 250px; }使所有img具有相同的高度，如果width不设置，则浏览器将按比例处理宽度
如果您希望它们具有相同的宽度，则可以height使用width该设置替换所需的值，请尝试以下示例，https：//jsfiddle.net/e7wv86pc/
img { width: 14%; }
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句