裁剪图像(或其他对象)太大而不适合div

时间:2015-09-02 06:47:05

标签: css image crop

我的标题中有一个图像,我想在DIV比图像本身更窄时裁剪。

这是我向下缩放浏览器窗口时的页面:出现一个滑块,您可以看到灰色的正文

enter image description here

这就是我想要发生的事情:因为div被切断了,你无法在不缩放窗口的情况下看到图像的其余部分。

enter image description here

如果这是div的属性而不是图像,那将是理想的,这样无论在div中放置什么其他对象,行为都是一样的。

我希望发布更深入的问题说明,但我已经丢失了以前的帐户,而且我没有发布链接/图片的声誉。

我已经尝试过overflow:hidden并且它没有为单个对象做任何事情(虽然它隐藏了其他对象)。

编辑:好的,所以我的错误在于:我输入溢出:"隐藏"而不是"隐藏",现在它完美无缺。谢谢你的回答!

2 个答案:

答案 0 :(得分:1)

设置

overflow:hidden; 

在您的容器DIV

答案 1 :(得分:1)

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

.parent{    
overflow-x:hidden
}