- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
- <title></title>
- <style>
- .box1{
- width: 40px;
- height: 40px;
- border: 1px solid #ccc;
- margin-bottom: 10px;
- }
- .box2{
- width: 40px;
- height: 40px;
- text-align: center;
- display:table-cell;
- vertical-align: middle;
- }
- img{
- display: block;
- width: auto;
- height: auto;
- max-width: 100%;
- max-height: 40px;
- margin: 0 auto;
- }
- </style>
- </head>
- <body>
- <div class="box1">
- <div class="box2">
- <img src="http://img.taopic.com/uploads/allimg/140804/240388-140P40P33417.jpg"/>
- </div>
- </div>
- <div class="box1">
- <div class="box2">
- <img src="http://pic.qiantucdn.com/58pic/22/06/55/57b2d98e109c6_1024.jpg"/>
- </div>
- </div>
- </body>
- </html>
来源: http://www.qdfuns.com/note/36486/aaa8d95eebfd96fd0a082c5c77bef741.html