CSDN Markdown 图片排版与缩放显示

1. Markdown 多张图片换行显示

![插入图片描述](图片链接地址)
![插入图片描述](图片链接地址)
![插入图片描述](图片链接地址)

FOR INSTANCE

![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/96385c7e2853f8c4f43e46632d3b7365.png)
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/96385c7e2853f8c4f43e46632d3b7365.png)
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/96385c7e2853f8c4f43e46632d3b7365.png)

2. Markdown 多张图片并排显示

多张图片并排显示时，图片链接依次填写，中间不能有换行。

![插入图片描述](图片链接地址)![插入图片描述](图片链接地址)![插入图片描述](图片链接地址)

FOR INSTANCE

![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/96385c7e2853f8c4f43e46632d3b7365.png)![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/96385c7e2853f8c4f43e46632d3b7365.png)![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/96385c7e2853f8c4f43e46632d3b7365.png)

两个图片链接之间不要换行。

3. Markdown 单张图片居左/居中/居右显示

使用 Markdown 在编写文档时插入图片是默认靠左。图片链接尾部添加 #pic_left / #pic_center / #pic_right，图片居左/居中/居右显示。

![请添加图片描述](https://i-blog.csdnimg.cn/blog_migrate/6cf9866fd3acc8352cfc869973c5f72b.png)
![请添加图片描述](https://i-blog.csdnimg.cn/blog_migrate/36b419124e96461a74b4129de527a9a8.png)
![请添加图片描述](https://i-blog.csdnimg.cn/blog_migrate/913a5a5e91464417b9d7093f2466dc92.png)

AI_Benchmark_V5_Preview\assets\task_4\4_ac.png

4. Markdown 单张图片缩放显示

如果图片尺度太大的话，可以设置图片的宽度或者高度，这样图片就会缩放。同时设置宽度和高度，如果宽度和高度比例不合适，会使图像变形。

图片链接尾部添加 =50%x50%，图片 height and width 分别缩小 50% 显示。
图片链接尾部添加 =25%x25%，图片 height and width 分别缩小 25% 显示。

![请添加图片描述](https://i-blog.csdnimg.cn/blog_migrate/36b419124e96461a74b4129de527a9a8.png =50%x50%)
![请添加图片描述](https://i-blog.csdnimg.cn/blog_migrate/36b419124e96461a74b4129de527a9a8.png =25%x25%)

AI_Benchmark_V5_Preview\assets\task_4\4_ac.png

References

[1] Yongqiang Cheng, https://yongqiang.blog.csdn.net/