//html部分
<div> <img src=\"data.url\" alt=\"\"> </div>//data.url后台获取的图片地址
//css部分
div{
position: relative;
width: 126px;
height: 126px;
overflow: hidden;
}
div img{
position: absolute;//水平居中
top:0;
left:50%;
transform: translateX(-50%);
}
//js部分
$(\"div img\").on(\"load\", function() {
loadImg(this)
});
//让图片不变形铺满显示在一个126的正方形盒子里面
function loadImg(ele) {
if(ele.width > 126 || ele.height > 126) {
if(ele.width / ele.height > 1) {
ele.height = 126;
} else {
ele.width = 126;
}
} else {
if(ele.width / ele.height > 1) {
ele.height = 126;
} else {
ele.width = 126;
}
}
}
版权声明
本文仅代表作者观点，不代表百度立场。
本文系作者授权百度百家发表，未经许可，不得转载。
