原创

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上，不是在父级别控件上。

正文到此结束
所属分类：前端基础
  • 本文标签： CSS
  • 本文链接： https://code.jiangjiesheng.cn/article/69
  • 版权声明： 本文由小江同学原创发布，转载请先联系本站长，谢谢。
热门推荐
相关文章
说给你听

本文目录
    标签云
    Linux Java Spring Spring Boot 其他 MyBatis MySQL 前端 微信小程序 达梦数据库 PHP Aspose.Words ssh CSS vuejs 去哪儿网 小程序 安卓 Android jmeter 测试 数据库设计开发规范 JSP sharding-jdbc JavaScript ElasticSearch Kibana Jenkins mui 系统调优 后端 运维 C# AndriodStudio 顺风车 拼车 南京浦口到安庆桐城 SqlServer redis Jedis Druid 数据库 全栈开发 调优 沟通
    近期评论
    网站信息
    • 文章总数：330 篇
    • 标签总数：45 个
    • 分类总数：17 个
    • 留言数量：12 条
    • 在线人数：1人