使用 Markdown 编写文档或博客时,经常需要对图片的位置与尺寸进行调整。
插入图片后,Markdown 表示图片的语法格式如下:
调整图片位置
居左
(1)方法一:添加位置标识。

(2)方法二:嵌入 HTML 代码。
<div align="left">
<img src=https://img-blog.csdnimg.cn/20200822014538211.png />
</div>
居中
(1)方法一:添加位置标识。

(2)方法二:嵌入 HTML 代码。
<div align="center">
<img src=https://img-blog.csdnimg.cn/20200822014538211.png />
</div>
居右
(1)方法一:添加位置标识。

(2)方法二:嵌入 HTML 代码。
<div align="right">
<img src=https://img-blog.csdnimg.cn/20200822014538211.png />
</div>
调整图片大小
等比缩放
相对于父级窗口
使用百分比只定义宽即可等比例缩放。注意:宽度相对于图片所在父级窗口。
<img src=https://img-blog.csdnimg.cn/20200822014538211.png width=60% />
相对于自身
非等比缩放
将图片的宽高缩小或放大为原来的指定百分比。
固定宽高
<img src=https://img-blog.csdnimg.cn/20200822014538211.png width=200 height=100 />
参考文献
[1] 知乎.markdown中插入图片怎么定义图片的大小或比例?
登录 后参与评论0 条评论