手机网页中让图片自动适应宽高上下居中

1、新建html文档。

3、书写hmtl代码。<div class="list clear"> <ul> <li><a href="#" class="list_img"><img src="aa.png"/></a></li> <li><a href="#" class="list_img"><img src="bb.png"/></a></li> <li><a href="#" class="list_img"><img src="cc.jpg"/></a></li> </ul></div>

5、书写css代码。<style>.list{ padding:10px;}.list ul li{ width:49%; float:left; margin-bottom:10px;}.list ul li:nth-child(2n-1){ padding-right:1%;}.list ul li:nth-child(2n){ padding-left:1%;}.list ul li a{ display:block;overflow:hidden; background:#f1f1f1;}.list ul li a img{ display:block; margin:0 auto;}</style>

7、代码整体结构。