美文网首页javascript
根据背景图片大小,来设置元素的宽,高

根据背景图片大小,来设置元素的宽,高

作者: 天劫天罪 | 来源:发表于2019-10-09 10:56 被阅读0次

解决办法:less ,利用less里面高阶函数 image-with('path'),image-height('path')
例子: img大小 1200*300
div{

background:url('bg.png') center center no-repeat;

width:image-width('bg.png');

height:image-height('bg.png');

}

经过less编译后的css样式

div{

background:url('bg.png') center center no-repeat;

width:1200px;

height:300px;

}

相关文章

  • 根据背景图片大小,来设置元素的宽,高

    解决办法:less ,利用less里面高阶函数 image-with('path'),image-height('...

  • 块级标签与行级标签的区别与转化

    区别: 1.块级元素可以设置宽高,行级元素不能设置宽高(只能根据文字来设置,比较特殊的是img\input是可以设...

  • 自己遗漏的知识点

    行内元素、块元素、行内块元素 行内元素不可设置宽高块元素可设置宽高并且独占一行行内块元素可设置宽高 锚点 清除浮动...

  • 清除浮动

    给父元素设置宽高: 由于浮动后的元素脱离文档流,无法撑起父元素的宽高,可以设置父元素的宽高。 CSS的clear属...

  • 内联元素与块级元素的区别

    内联元素不会独占一行,块级元素会独占一行 内联元素设置宽高无效,宽高随内容的大小而决定 块级元素可以设置宽高,其宽...

  • 比例设置的ImageView

    根据宽来设置高 来显示图片的 ImageView 使用示例 attr:

  • 宽度与高度

    1.内联元素的宽高 给 inline 元素设置宽高是没有任何效果的 给inline元素设置margin,paddi...

  • div的宽高问题

    像这样来一个嵌套的div,1、当b1没有设置宽高,而b2、b3设置了宽高,b1的高会根据b2、b3来调整(块级元素...

  • CSS元素显示模式

    什么是块级元素,行内元素? 块级元素会独占一行可以设置宽高如果没有设置宽高,默认和父元素一样的宽高 行内元素不会独...

  • html-css

    1.编辑宽、高时,根据需要转换为块、行内元素; 1).设置行高:块 2)宽:块或行内元素 3).两者:块 2.文字...

网友评论

    本文标题:根据背景图片大小,来设置元素的宽,高

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