裁剪对于 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 来说太大的图像(或其他对象)的主要内容,如果未能解决你的问题,请参考以下文章