CSDN调整图片大小、位置

前言

尝试在CSDN MarkDown模式下插入图片的同学们应该都知道，直接插入的图片是会铺满整个屏幕的。例如下面这样，虽然图还行，但是太大了。除此以外，也不能通过拖动来调整图片的位置，例如居左、居中、居右。那么，下面开始给大家分享下图片调整的方法吧。

图片调整

省流，插入下述两种代码：

![在这里插入图片描述](url?#pic_center =100x)

<center><img src="url" width="30%"></center>

方法一

大小：调整 “ =100x”

往文档中插入下述代码（注意等号前有空格）

• url为图片链接；
• x为像素点，下面的100x值的是宽为100像素，高会自动按比例缩放。也可以同时调整=100x100，但是这样会破坏比例。

![在这里插入图片描述](url? =100x)

100x、150x、200x 示例如下：

位置

往文档中插入下述代码，其中：

• 居中对齐操作：#pic_center
• 向左对齐操作：#pic_left
• 向右对齐操作：#pic_right

![在这里插入图片描述](url?#pic_center =100x)

向左、居中、向右 示例如下：

方法二

大小：调整 width=“30%”

往文档中插入下述代码，其中：

• url为图片链接；
• width为宽的缩放比例。

<img src="url" width="30%">

20%、30%、40%示例如下：

位置（只能居中）

往文档中插入下述代码，在原有基础上外套 center 标签。

<center><img src="url" width="30%"></center>

示例如下：

都看到这了，麻烦给个点赞和关注哟，谢谢！！！