首页 > Web开发 > 详细

div+css怎么让图片自适应大小

时间:2016-06-03 10:00:39      阅读:239      评论:0      收藏:0      [点我收藏+]

意思是图片能百分百显示在容器里,这个容器可以是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:图片宽度" />

div+css怎么让图片自适应大小

原文:http://www.cnblogs.com/mascgh/p/5555149.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!