CSDN（markdown模式下）如何调整图片大小以及如何调整位置

版权声明：本文为CSDN博主「圣喵」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/m0_66769266/article/details/124039970

前言

下面我将以如下图片为例来为大家讲解如何操作。

尝试过在CSDN（markdown模式下）插入图片的兄弟们一定知道，插入的图片默认是霸占整个宽度的，这样就会导致图片过于大，达不到预期效果。可恼的是在此模式下你是无法像word那样通过鼠标的拖动来实现图片的放大和缩小；且功能栏里还没有调整位置操作，无法实现图片的居中、向左、向右、两端对齐。那么如何操作呢？分享给大家两种方法。

第一种

在图片链接后添加指令（注意：在“=”前应当添加一个空格）。

1. 首先我们先插入一个图片，就可得到如上图所示的图片及以及图片的链接。在连接的末尾添加一段指令就可实现调整位置的操作了（我标注箭头的地方）。
   居中对齐操作：#pic_center
   向左对齐操作：#pic_left
   向右对齐操作：#pic_right

2. 如若想调整图片的尺寸那在之前指令后面加上“ =200x”就行，其中这个200x指的是图像宽200像素，高的大小会自动按比例缩放；当然，也可同时改变宽和高的大小“ =200x200”，但会破坏比例。

3. 效果如下：
   

第二种

把图片的链接放如<img src=" XXX " width="30%">这样的指令中。

• 搞到图片的链接
  
  红线划出的就是该图片链接，复制该链接然后删除该图片，套进<img src=" XXX " width="30%">公式中就可达到改变图片大小的目的了。

• 但此方法只能实现图的居中，无法左右对齐，即：<center><img src=" XXX " width="30%"></center>。

• 效果如下：
  
  
  希望多大家有帮助，谢谢！！！

如果这份博客对铁们有所帮助，或能够使你产生共鸣的，请不要吝啬你的点赞和关注哟，谢谢！！！
如果有什么疑问或不同的见解，欢迎评论区留言欧 >_<…