div+css怎么讓圖片自適應大小


意思是圖片能百分百顯示在容器里,這個容器可以是table的td,也可以是DIV。以下用div做容器來說明。
圖片隨頁面的變化而變化,那么最好把div的寬度設置成百分比,而不是像素,這樣div就不會被固定大小,從而能自適應頁面的大小。
<div style=" width="x%"> <!-------x%你可以自己設置,比如50%,80%,100%等-------->
<img style=" width="100%" src="圖片路徑" />
</div> 

例:
<div style="width:50%; height:50%; ">
<img src="img/0.jpg" width="100%" height="100%" style="max-height:343px; max-width:571px;" />
</div> 
插入圖片的信息設置:
<img src="img/0.jpg" width="100%" height="100%" style="max-height:圖片高度; max-width:圖片寬度" />


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM