图片占位符生成器holder.js的简单使用

holder.js用于网页的排版布局,它非常方便地自动生成占位图片,并定义样式

1.下载和引用holder.js到网页中

   下载:holder.js官网

2.在网页中直接调用

<img class="card-img-top" data-src="holder.js/100px112?
theme=gray&bg=#D15FEE&fg=eceeef&size=20&text=2D MAP" alt="Card image cap">

100px112代表宽度100%,112px
theme = grap 代表主题颜色,一共有6中默认主题:sky、vine、lava、gray、industiral、social
bg代表背景颜色
fg代表前景颜色或者字体颜色
size代表字体大小
text代表文本内容

另外其他的选项:
auto=yes代表 占位图片在缩放时,依然保持固定的长宽比
font:=Monaco代表字体
fontweight= normal代表 字符粗细

猜你喜欢

转载自blog.csdn.net/aganliang/article/details/86789710