原创

CSS-img的background背景图裁切、缩放-background-size

background:url
background-position:center center;
background-repeat:no-repeat;
background-size:cover;
//contain:整张图显示(可能不会铺满),cover:裁切(会铺满),也可设置具体值

前面三项也可合并写

<img width="100" height="60" style="background: url(../images/weather_listview_item_bg_duoyun.png) no-repeat center center;background-size: contain; " />

针对background,不是src.
特别注意:width和height设置在img上,不是在父级别控件上。

正文到此结束
本文目录