css+js完美控制图片大小-技术开发JavaScript技术-Ubuntu系统_Ubuntu服务器

使用js和css讲图片的现实控制在固定的区域内，大于这个区域的等比例缩放，小于这个区域的居中显示。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>css+js完美控制图片大小</title>  <style type="text/css">  </style> </head> <body> <ul class="jobGroup">     <li><p><img width="400" height="400" src="/d/file/itjie/<a href=/itjie/Javajishu/ target=_blank class=infotextkey>Java</a>Scriptjishu/2014-10-23/f5600843f1cc3b4ceaefb6d02b1d8a28.gif" onload="DrawImage(this);"/></p>          </li>                </ul> </body> </html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

JavaScript技术：css+js完美控制图片大小，转载需保留来源！

郑重声明：本文版权归原作者所有，转载文章仅为传播更多信息之目的，如作者信息标记有误，请第一时间联系我们修改或删除，多谢。

相关文章阅读