html – 在CSS中裁剪图像

前端之家收集整理的这篇文章主要介绍了html – 在CSS中裁剪图像前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我已经创建了一个双列网格图像,可以在全景图像中正常工作: Link.但是,我添加了一个抛出布局的肖像图像,所以我希望能够“裁剪”图像使高度与其他高度相匹配. I tried using a negative margin,但没有效果
.portrait-crop
{
    overflow: hidden;
}

img.portrait-crop
{
    margin-bottom: -30px;
}

我不确定我做错了什么.任何帮助,将不胜感激.

供参考,this is my code.

解决方法

你也需要给容器增加一些高度,如果没有,它不知道应该显示它内部的含量.

你可以尝试这样的事情.

.portrait-crop{
    display: inline-block;
    height: 215px;
    width: 50%;
    overflow: hidden;
}



.portrait-crop img{
    width: 100%;
}

猜你在找的HTML相关文章