css实现一张图片等比例放进一个矩形div

最新推荐文章于 2023-11-01 18:35:05 发布

weixin_30384031

最新推荐文章于 2023-11-01 18:35:05 发布

阅读量368

点赞数

原文链接：http://www.cnblogs.com/tengyuxin/p/11117953.html

版权

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>css 图片等比例铺满矩形div</title>
 6     <style type="text/css">
 7         .box{
 8             width: 100px;
 9             height: 100px;
10         }
11         .box img{
12             width: 100%;
13         }
14     </style>
15 </head>
16 <body>
17     <div class="box">
18         <img src="dog.jpg"/>
19     </div>
20 </body>
21 </html>