极乐猫占位符,按F5刷新占位符图片,每一次刷新占位符图片都不一样哦。
http://placekitten.com/320
/260
320图片的宽
260图片的高
宽和高可以自己设定,然后会自动生成图片,图片均为随机的
预览
<img src="https://placekitten.com/320/260" alt="猫猫照片占位符">
因为http://placekitten.com/ 服务异常已经改用 http://loremflickr.com/,用法一样,但是出猫猫的概率是随机的,可能会出老虎或者豹子。
https://lorempixel.com/320
/260
320图片的宽
260图片的高
宽和高可以自己设定,然后会自动生成图片,图片均为随机的
预览
<img src="https://lorempixel.com/320/260" alt="照片占位符">
http://lorempixel.com/ 服务异常
什么是占位符?
定义
顾名思义,占位符就是先占住一个固定的位置,等着你再往里面添加内容的符号。
占位符
用于幻灯片上,就表现为一个虚框,虚框内部往往有“单击此处添加标题”之类的提示语,一旦鼠标点击之后,提示语会自动消失。当我们要创建自己的模板时,占位符就显得非常重要,它能起到规划幻灯片结构的作用。
用于文档排版的方面,就是当你决定要在版面的一个地方放一张图片或其他东西的时候并且你有多种选择一时决定不了,你就可以先放一个图像占位符设置好宽高,待你以后决定好了再来放入需要的图片。
另外占位符也常用于网页中调节版面中各部分位置,比如你可以将占位符的高设为1个象素,长度根据需要设置就可以空出你需要的距离,而且在页面上还看不到你的占位符。同样你也可以设置宽为1个象素和你需要的高度来空出你需要的部分与部分之间的垂直距离。