裁剪对于 div 来说太大的图像(或其他对象)

Posted

技术标签:

【中文标题】裁剪对于 div 来说太大的图像(或其他对象)【英文标题】:Crop an image (or other objects) too large for a div 【发布时间】:2015-09-02 06:47:04 【问题描述】:

我的标题中有一个图像,只要它的 DIV 比图像本身窄,我就想对其进行裁剪。

这是我缩小浏览器窗口时的页面:出现一个滑块,您可以看到灰色的主体

这就是我想要发生的事情:让 div 被切断,并且如果不将窗口向后缩放,您将无法看到图像的其余部分。

如果这是 div 的属性而不是图像,那将是理想的,这样无论放在 div 中的任何其他对象都以相同的方式运行。

我很想发布更深入的问题说明,但我丢失了以前的帐户,并且没有发布链接/图片的声誉。

我已经尝试过溢出:隐藏,它对单个对象没有任何作用(虽然它隐藏了其他对象)。

编辑:好的,这就是我的错误所在:我输入了溢出:“隐藏”而不是“隐藏”,现在它可以正常工作了。感谢您的回答!

【问题讨论】:

【参考方案1】:

设置

overflow:hidden; 

在您的容器 DIV 中

【讨论】:

【参考方案2】:

在父元素上使用像这样隐藏的溢出(我猜你的情况是.slider)

.parent    
overflow-x:hidden

【讨论】:

以上是关于裁剪对于 div 来说太大的图像(或其他对象)的主要内容,如果未能解决你的问题,请参考以下文章

如何使用 Java 裁剪图像而不将其加载到内存中

Android自动裁剪相机捕获的图像

如何从图像中裁剪出检测到的对象(圆圈)并存储它?

缩放图像以适应可用空间,同时防止裁剪

在 div 中裁剪和居中任意大小的图像

Android - 从图像中裁剪文本(使用 openCV 或其他任何东西)