css设置图片固定宽高,按比例缩放
设置图片固定宽高,按比例缩放<style>.setimage {overflow: hidden;position: relative;width: 1045px;//图片固定宽度height: 433px;//图片固定高度度background: black;}.setimage > im
·
设置图片固定宽高,按比例缩放
<style>
.setimage {
overflow: hidden;
position: relative;
width: 400px; //图片固定宽度
height: 300px; //图片固定高度度
background: black;
}
.setimage > img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
/*top: 50%;left: 50%;, 是以左上角为原点,故不处于中心位置
translate(-50%,-50%) 作用是,往上(x轴), 左(y轴)移动自身长宽的 50%,以使其居于中心位置
*/
</style>
<div class="setimage">
<a href="#" class="image featured"><img src=@w.Image alt="" /></a>
</div>
更多推荐
已为社区贡献2条内容
所有评论(0)