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="http://m.survivalescaperooms.com"><div   id="iwvjtn8m0"   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...