Markdown编辑器修改插入图片的大小

方法一：当你插入图片后是不是会出现以下的类似代码？

![在这里插入图片描述](https://img-blog.csdnimg.cn/20200413154813373.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDg0NTMzMA==,size_16,color_FFFFFF,t_70#pic_center)

           

首先，可以将 “?” 之后、 ”#pic_center" 之前的代码全部删除，这部分是管理右下角水印用的。之后你将会得到：

![在这里插入图片描述](https://img-blog.csdnimg.cn/20200413154813373.png#pic_center)
           

直接加入" =AxB"（A、B为像素值，注意"=" 之前有一个空格，B可以省略，这样系统会按照长宽百分比自动匹配B的值）

另外，还可以将”#pic_center" 修改如下：

• pic_right 右对齐
• pic_center 居中对齐

• pic_left 左对齐

  下面让我们来看一下效果：

![在这里插入图片描述](https://img-blog.csdnimg.cn/2021051316284334.png?#pic_left =300x 
![在这里插入图片描述](https://img-blog.csdnimg.cn/2021051316284334.png?#pic_center =300x )
![在这里插入图片描述](https://img-blog.csdnimg.cn/2021051316284334.png?#pic_right =300x )
           

方法二：把图片改成一个标签，

这是已有的链接

![在这里插入图片描述](https://img-blog.csdnimg.cn/20200413154813373.png#pic_center)
           

这是修改后的标签，其中width后的参数可以用来调节缩放百分比。

<img src="https://img-blog.csdnimg.cn/20200413154813373.png" width="20%">

           

这种方法的确能缩放，但是好像不能居中。

简单修改代码如下：

<div align="center">
	<img src="https://img-blog.csdnimg.cn/20200413154813373.png" width="30%">
</div>
           

小熊猫想要肩并肩并排跳舞，

<div align="center">
	<img src="https://img-blog.csdnimg.cn/20200413154813373.png" width="30%">
	<img src="https://img-blog.csdnimg.cn/20200413154813373.png" width="30%">
	<img src="https://img-blog.csdnimg.cn/20200413154813373.png" width="30%">
</div>
           

甚至还可以这样：

<tr height="200px">
	<td>
		<img src="https://img-blog.csdnimg.cn/20200413154813373.png" width="30%">
	</td>
	<td height="100%">
		<tr height="30%">
		<img src="https://img-blog.csdnimg.cn/20200413154813373.png" width="10%">
		<img src="https://img-blog.csdnimg.cn/20200413154813373.png" width="10%">
		<img src="https://img-blog.csdnimg.cn/20200413154813373.png" width="10%">
		</tr>
	</td>
	<td>
		<img src="https://img-blog.csdnimg.cn/20200413154813373.png" width="30%">
	</td>
</tr>

           

还可以这样

<tr height="200px">
	<td>
		<img src="https://img-blog.csdnimg.cn/20200413154813373.png" width="30%">
	</td>
	<td height="100%">
		<tr height="30%">
		<img src="https://img-blog.csdnimg.cn/20200413154813373.png" width="10%">
		<tr height="30%">
		<img src="https://img-blog.csdnimg.cn/20200413154813373.png" width="3%">
		<img src="https://img-blog.csdnimg.cn/20200413154813373.png" width="3%">
		<img src="https://img-blog.csdnimg.cn/20200413154813373.png" width="3%">
		</tr>
		<img src="https://img-blog.csdnimg.cn/20200413154813373.png" width="10%">
		</tr>
	</td>
	<td>
		<img src="https://img-blog.csdnimg.cn/20200413154813373.png" width="30%">
	</td>
</tr>