剪切div内部内容

Question

我有一个大小为147x88的DIV，在这个DIV里面有一张图片，它的宽度相同，但高度可能更大。在这种情况下，图片超出了DIV的边界。有没有办法剪切图片，同时注意到我想让我的页面在不支持CSS3（IE7和IE8）的旧浏览器上工作?

- Rafid

Answer 1

只需隐藏div的溢出内容，包含的图像将被裁剪为div的尺寸。

div{width: 147px; height: 88px; overflow: hidden;}

- theorise

---

overflow: hidden 对于静态内容是起作用的。但如果您正在动画显示在 div 内部的内容呢？在动画期间溢出被取消，动画完成后又回来了。有什么解决方法吗？ - Pyroglyph

Answer 2

在 div 上设置 overflow:hidden;：

#yourDiv {
width:147px;
height:88px;
overflow:hidden;
}

Example: http://jsfiddle.net/purmou/sN5PL/

- Purag

Answer 3

元素的宽度为147像素，高度为88像素，并且超出部分会被隐藏。

- user527892

Answer 4

这个问题展示了如何使用JQuery获取图像的大小。 您可以有一个小块来检查页面加载时图像的大小，然后相应地设置DIV的大小。

- Nicolas Modrzyk