<div class="m-demo"> <p> <img src="http://nec.netease.com/img/s/1.jpg" class="hidden"/> <img src="http://nec.netease.com/img/s/1.jpg" alt=""/> </p> </div> <div class="m-demo"> <p> <img src="http://nec.netease.com/img/m/1.jpg" class="hidden"/> <img src="http://nec.netease.com/img/m/1.jpg" alt=""/> </p> </div> <div class="m-demo"> <p> <img src="http://nec.netease.com/img/l/1.jpg" class="hidden"/> <img src="http://nec.netease.com/img/l/1.jpg" alt=""/> </p> </div>
/* 图片居中溢出隐藏 */ .m-demo{position:relative;width:300px;height:300px;overflow:hidden;border:1px solid #ddd;} .m-demo p{position:absolute;top:50%;left:50%;margin:0;padding:0;} .m-demo img{position:absolute;top:-50%;left:-50%;display:block;} .m-demo img.hidden{visibility:hidden;position:static;}
http://nec.netease.com/library/141122