我們在論壇新聞系統的時候，其中的有些圖片會比較大破壞了整體布局的美觀，現通過CSS定義方式使圖片進行裁切顯示，即，當圖片的容器不足以顯示整個圖片時，會以左上方為開始顯示，不足顯示的將會隱藏。相關各位同仁也有此想法。現有以下CSS樣式，所以貼出來同各位WEB 開發人員共用！
當然有人用img 的onload 事件對其寬高進行js控制，不過經招有時會因網頁載入過快，或過慢而來不及執行，現向大家推薦代碼如下，自行研究。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style type="text/css">
.divClass{height:100%;width:100%;overflow:hidden;Margin-bottom:5px}
</style>
<title>COPY資料到ID群集中by ID | 圖片CSS定義裁切顯示| 文字的寬度自適應縮放</title>
</head>
<body >
<div id="airzen" class="divClass"><img src="05122821154187236.jpg"></div>
</body>
說明：以上樣式你可以自己定義，但要保留overflow:hidden;祝各位工作愉快！
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
