我创建了一个两列的图像网格，该网格与所有横向图像都可以正常工作：Link。但是，我添加了一个纵向图像，该图像偏离了布局，因此我希望能够“裁剪”图像，以使高度与其他图像匹配。我尝试使用负边距，但没有效果：
.portrait-crop { overflow: hidden; } img.portrait-crop { margin-bottom: -30px; }
我不确定自己在做什么错。任何帮助，将不胜感激。
供参考，这是我的代码。
您还需要在容器上放一些高度，如果没有，它不知道应该显示多少内容。
您可以尝试这样的事情。
.portrait-crop{ display: inline-block; height: 215px; width: 50%; overflow: hidden; } .portrait-crop img{ width: 100%; }
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
点击生成二维码
我来说两句