html – 在CSS中裁剪图像

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

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

供参考,this is my code.

解决方法

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

你可以尝试这样的事情.

  1. .portrait-crop{
  2. display: inline-block;
  3. height: 215px;
  4. width: 50%;
  5. overflow: hidden;
  6. }
  7.  
  8.  
  9.  
  10. .portrait-crop img{
  11. width: 100%;
  12. }

猜你在找的HTML相关文章