裁剪对于 div 来说太大的图像(或其他对象)
Crop an image (or other objects) too large for a div
我的页眉中有一张图片,当它的 DIV 比图片本身窄时,我想裁剪它。
这是我缩小浏览器window时的页面:出现一个滑块,你可以看到灰色的主体
这是我希望发生的事情:div 被截断,如果不缩放 window 就看不到图像的其余部分。
如果这是 div 的 属性,而不是图像,那将是理想的,这样无论其他对象放在 div 中,都具有相同的行为方式。
我很想 post 更深入地说明问题,但我失去了以前的帐户,而且我没有 post links/images.
我已经尝试过 overflow: hidden 但它对单个对象没有任何作用(尽管它隐藏了其他对象)。
编辑:好的,这就是我的错误所在:我输入了 overflow: "hide" 而不是 "hidden",现在它完美地工作了。感谢您的回答!
设置
overflow:hidden;
在您的容器中 DIV
在父元素上使用像这样隐藏的溢出(我猜你的情况是.slider)
.parent{
overflow-x:hidden
}
我的页眉中有一张图片,当它的 DIV 比图片本身窄时,我想裁剪它。
这是我缩小浏览器window时的页面:出现一个滑块,你可以看到灰色的主体
这是我希望发生的事情:div 被截断,如果不缩放 window 就看不到图像的其余部分。
如果这是 div 的 属性,而不是图像,那将是理想的,这样无论其他对象放在 div 中,都具有相同的行为方式。
我很想 post 更深入地说明问题,但我失去了以前的帐户,而且我没有 post links/images.
我已经尝试过 overflow: hidden 但它对单个对象没有任何作用(尽管它隐藏了其他对象)。
编辑:好的,这就是我的错误所在:我输入了 overflow: "hide" 而不是 "hidden",现在它完美地工作了。感谢您的回答!
设置
overflow:hidden;
在您的容器中 DIV
在父元素上使用像这样隐藏的溢出(我猜你的情况是.slider)
.parent{
overflow-x:hidden
}