剪切div的内容

Question

我有一个大小为147x88的DIV，里面有一个宽度相同但高度可能较大的图像。在这种情况下，图像超出了DIV的边界。无论如何剪辑图像，请记住我希望我的页面在不支持CSS3（IE7和IE8）的旧浏览器中工作吗？

Answer 1

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

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

Answer 2

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

Answer 3

在div上设置overflow:hidden;：

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

示例：http://jsfiddle.net/purmou/sN5PL/

Answer 4

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