900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > Markdown中设置图片尺寸及添加图注

Markdown中设置图片尺寸及添加图注

时间:2018-08-02 05:49:52

相关推荐

Markdown中设置图片尺寸及添加图注

Markdown中设置图片尺寸及添加图注

1 设置图片尺寸大小

CSDN上传图片时(上传图片就不介绍了),常常出现图片尺寸过大,没有办法调整,如下图:

解决方法:

#使用下面的语句,可以调整图片尺寸大小,同时保证长宽比;#在图片资源地址处,插入上传图片的资源地址,设置缩放比为60%;<img src="图片资源地址" width="60%" alt=""/>

具体示例:

上图黄色标记的就是上传到CSDN的图片资源地址,选中复制。

设置语句如下:

缩放比设置为40% 。

最终结果:
2 添加图注

将下面一段代码直接复制粘贴到文本中:

<center><img style="border-radius: 0.3125em;box-shadow: 0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.08);" src="这里输入图片地址"><br><div style="color:orange; border-bottom: 1px solid #d9d9d9;display: inline-block;color: #999;padding: 2px;">这里输入题注</div></center>

具体示例:

<center><img style="border-radius: 0.3125em;box-shadow: 0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.08);" src="assets/0727163519029"><br><div style="color:orange; border-bottom: 1px solid #d9d9d9;display: inline-block;color: #999;padding: 2px;">线程</div></center>

最终结果:

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。