我有一個尺寸爲147x88的DIV,裏面有一個寬度相同但高度可能更大的圖像。在這種情況下,圖像超出了DIV的邊界。無論如何要剪切圖像,請記住我希望我的頁面能夠在不支持CSS3(IE7和IE8)的舊瀏覽器中工作?剪輯div的內容
Q
剪輯div的內容
6
A
回答
8
只是隱藏div的溢出,並且包含的圖像將被裁剪爲div的尺寸。
div{width: 147px; height: 88px; overflow: hidden;}
3
div { width: 147px; height: 88px; overflow: hidden; }
1
這question說明如何獲取使用JQuery圖像的大小。 您可以有一個小塊,用於在加載頁面時檢查圖像的大小,並相應地設置DIV的大小。
3
在DIV上設置overflow:hidden;
:
#yourDiv {
width:147px;
height:88px;
overflow:hidden;
}
相關問題
- 1. AndroidHTTPResponse返回剪輯內容
- 2. border-radius剪輯內容?
- 3. UINavigationBar剪輯熱門內容
- 4. Android剪輯/裁剪視圖內容
- 5. 將內容剪輯爲圓角DIV的最佳做法元素
- 6. 組織大型菜單div /內容剪輯
- 7. 如何讓div剪輯其可見內容?
- 8. 剪輯div也剪輯滾動
- 9. 縮放div時裁剪的內容
- 10. 在內容可編輯div
- 11. Qt - QScrollArea部件剪輯內容
- 12. 內容可編輯div編輯問題
- 13. div內容從網頁底部剪下
- 14. 當父母div以外的剪輯div
- 15. HTML5內容可編輯的DIV焦點
- 16. html中可編輯的div內容4
- 17. 從內容可編輯div中刪除?
- 18. GWT設置內容編輯DIV
- 19. 使內容在DIV不可編輯
- 20. 根據內容在div上編輯CSS內容
- 21. jQuery的剪輯的輸入域至輸入的內容
- 22. div中的中心和剪輯圖像
- 23. 在內容可編輯div(特定)獲取當前的div id
- 24. 作爲圖像的剪貼板div的內容?
- 25. Silverlight內部網格剪輯
- 26. Web Clipper Portlet不在IBM WPS 7.0中顯示剪輯的內容
- 27. 拆分視圖 - 旋轉的XIB剪輯內容
- 28. 使用os中的applescript編輯剪貼板內容x
- 29. Android - 防止TabLayout的孩子剪輯標籤內容
- 30. 如何使用raphaeljs中的rect元素剪輯內容?
'溢出:靜態內容hidden'工作。但是,如果您在div內的動畫製作內容呢?在動畫製作過程中溢出取消,然後在動畫完成時返回。任何解決方法? – Pyroglyph