我們在論壇新聞系統的時候，其中的有些圖片會比較大破壞了整體布局的美觀，現通過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="yun_qi_img/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
