在编写前端的时候,不总是有机会有趁手的预览图,这时我们总会想,有个人来撑场子就好了,holder.js显然是很好的选择,不光可以占住空间,还可以告诉我们div的大小,可以说十分舒服了,省却了F12麻烦事。
预览图:
使用说明:
1. 首先下载holder.js文件,扔到js文件夹里面
2. 引入文件
<script src="bootstrap-3.3.7-dist/js/holder.min.js"></script>
3. 在需要占空间的img标签里面使用
<img src="holder.js/100px200" >
注意事项:
1. 部分ide可能会有警告,这是因为ide按路径找不到文件的警告,我们使用的并非文件,无需理睬
2. %符号现在被p代替,后面不是乘号而是26字母的x,100px200表示造一个100% width,200px height的图片
3. 百分比,固定长度均可按个人要求使用