html – 使用CSS选择图像的中间部分

概述我有一个图像有一些CSS：width：100％; 现在的图像高达560px，但是我只想选择300像素的图像，切断图像的顶部和底部，而不会挤压图像。 有可能做到吗？ 我看过作物，但你必须选择这些部分，所以当试图获得中间时，它将不起作用。 尝试这个。 这是使用“clip-path”CSS值。 这在@Sam Jacob的帖子中提到。 <style>.clip-me { position: ab 我有一个图像有一些CSS：wIDth：100％;

现在的图像高达560px，但是我只想选择300像素的图像，切断图像的顶部和底部，而不会挤压图像。

有可能做到吗？

我看过作物，但你必须选择这些部分，所以当试图获得中间时，它将不起作用。

解决方法 尝试这个。
这是使用“clip-path”CSS值。
这在@Sam Jacob的帖子中提到。

<style>.clip-me {    position: absolute;  clip: rect(110px,160px,170px,60px);   /* values describe a top/left point and bottom/right point */  clip-path: inset(10px 20px 30px 40px); /* or "none" */  /* values are from-top,from-right,from-bottom,from-left */} </style><img  src="thing-to-be-clipped.png">

注意：此CSS属性在IE中不起作用。

总结

以上是内存溢出为你收集整理的html – 使用CSS选择图像的中间部分全部内容，希望文章能够帮你解决html – 使用CSS选择图像的中间部分所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。