美文网首页
css before 插入图片,怎么设置图片宽高

css before 插入图片,怎么设置图片宽高

作者: 回不去的那些时光 | 来源:发表于2019-07-04 14:15 被阅读0次
.demo:before {
    content: "";
    width: 23px;
    height: 23px;
    background: url(../../assets/images/approve/radio.png);
    background-size: cover;
  }

:before无法直接定义图片宽高,用content:"",插入文本来定义文本高度,插入背景图片,background-size:cover或者contain,这个是设置背景图片自适应文本宽高,所以是通过文本宽高间接设置了图片宽高。

相关文章

  • css before 插入图片,怎么设置图片宽高

    :before无法直接定义图片宽高,用content:"",插入文本来定义文本高度,插入背景图片,backgrou...

  • 插入图片与背景图片的区别

    下面是两个同样没有宽高的div 区别1,在没有设置宽高的div中,背景图片并不会显示出来,而插入图片却可以显示出来...

  • 2018-04-06

    ,如果不加上这个属性,图片是会自带宽高的属性的,加上之后是会覆盖之前的图片宽高,还可以在head中设置CSS,CS...

  • 读仿淘宝造物节邀请函后感

    读仿淘宝造物节邀请函后感 html代码 css代码(里面.container设置的宽高为图片宽高,最重要的是per...

  • html和css基础点

    html 只用来添加语义 不用来修饰 在企业中装扮一定要使用CSS 层叠样式表 没有设置宽高的图片 则默认图片大...

  • Flutter之:图片加载

    一、ClipOval 实现圆形图片 需要设置图片宽高 二、使用cached_network_image缓存加载图片...

  • 设置上传图片宽高

  • 图片等比设置宽高

    图片设置等比,除去父级100%,子元素padding-bottom外也可以直接css属性。css属性:aspect...

  • div盒子宽高固定,图片正常显示

    div盒子大小固定,图片要求正常铺满显示 方法一:通过盒子设置宽、高,然后图片直接设置100%。这样小的图片,比例...

  • Axure设置简单的单个滑动选项卡

    设每个图片宽为100px,高不限,每个图片间隔为10px,5张图片,故方框的的宽为540Px。设置动态面板宽...

网友评论

      本文标题:css before 插入图片,怎么设置图片宽高

      本文链接:https://www.haomeiwen.com/subject/gtwoqctx.html