本文共 698 字，大约阅读时间需要 2 分钟。
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> li{ list-style: none; float: left; margin-left: 10px; width: 200px; height: 160px; border: 1px solid #ccc; text-align: center; line-height: 160px; } img{ vertical-align:middle; } </style></head><body> <li> <img src="1.jpg"> </li> <li> <img src="2.png"> </li> <script type="text/javascript" src="jquery-1.12.4.js"></script> <script type="text/javascript"> $(function(){ $.each($('img'),function(i,item){ if($(this).outerWidth()>$(this).outerHeight()){ $(this).css('width','100%'); }else{ $(this).css('height','100%'); } }); }); </script></body></html>转载地址：http://kxdwz.baihongyu.com/