css+js完美控制图片大小

2019-11-21 01:12:07

字体：大中小

来源：转载

供稿：网友

使用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> <script type="text/javascript" language="JavaScript">  </script> <style type="text/css">  </style> </head> <body> <ul class="jobGroup">     <li><a href="//www.VeVB.COm"><div class="group_head"><p><img width="400" height="400" src="/d/file/p/2019/11-21/22fb08336572b7f39756dfe01fbd7463.gif" onload="DrawImage(this);"/></p></div></a>          </li>                </ul> </body> </html>

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

上一篇：获取 textarea 标签第n行的文字的js代码

下一篇：IE8 下的Js错误HTML Parsing Error...