剪輯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

這question說明如何獲取使用JQuery圖像的大小。 您可以有一個小塊，用於在加載頁面時檢查圖像的大小，並相應地設置DIV的大小。

Answer 4

在DIV上設置overflow:hidden;：

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

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