CSS显示调整大小并裁剪的图像

CSS显示调整大小并裁剪的图像

您可以使用两种方法的组合，例如。

    .crop {        width: 200px;        height: 150px;        overflow: hidden;    }    .crop img {        width: 400px;        height: 300px;        margin: -75px 0 0 -100px;    }    <div >        <img src="https://i.stack.imgur.com/wPh0S.jpg" alt="Donald Duck">    </div>

You can use negative

margin

to move the image around within the

<div/>

.