.ul-list1 .pic{ height: 0; /*高度必须为0*/ padding-top: 68%; /*图片自身高宽百分比*/ background: #ddd; overflow: hidden; position: relative; } .ul-list1 .pic img{ width: 100%; display: block; position: absolute; left: 50%; top: 50%; /*图片向‘左、上’偏移自身一半‘宽、高’*/ transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); }