css - 如何在 CSS 中自动裁剪

Question

我在 CSS 中有这段代码:

 <div class="col-lg-6" style="">
    <img src="images/team1.jpg" alt="portfolio img" style="margin-top: 15%; max-height: 270px; width:100%"/>
    </div>

我需要使用自动裁剪图像而不是压缩图像并变得像素化， 我试过 max-height 还是不行？有什么想法吗？

Answer 1

用 width、height 和 overflow:hidden 设置你的 div 的样式>

div {
  width: 300px;
  height: 300px;
  overflow: hidden;
}

<div>
  <img src="http://lorempixel.com/640/650/cats" alt="portfolio img />
</div>