Bootstrap

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

在这里插入图片描述

方法一:当你插入图片后是不是会出现以下的类似代码?
![在这里插入图片描述](/image/aHR0cHM6Ly9pLWJsb2cuY3NkbmltZy5jbi9ibG9nX21pZ3JhdGUvYjAwMjc5MmQzYzExMjZiZmI1YmZkZDQ1ZDM4NDU4MmUucG5n?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDg0NTMzMA==,size_16,color_FFFFFF,t_70#pic_center)

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

![在这里插入图片描述](/image/aHR0cHM6Ly9pLWJsb2cuY3NkbmltZy5jbi9ibG9nX21pZ3JhdGUvYjAwMjc5MmQzYzExMjZiZmI1YmZkZDQ1ZDM4NDU4MmUucG5n#pic_center)

直接加入" =AxB"(A、B为像素值,注意"=" 之前有一个空格,B可以省略,这样系统会按照长宽百分比自动匹配B的值)
另外,还可以将”#pic_center" 修改如下:

  • pic_right 右对齐
  • pic_center 居中对齐
  • pic_left 左对齐
    下面让我们来看一下效果:
![在这里插入图片描述](/image/aHR0cHM6Ly9pLWJsb2cuY3NkbmltZy5jbi9ibG9nX21pZ3JhdGUvZTc0NmE2MDUxNTgyYjc0YzE4NjA4NzU4NWUxYzg4ZTYucG5n =300x 
![在这里插入图片描述](/image/aHR0cHM6Ly9pLWJsb2cuY3NkbmltZy5jbi9ibG9nX21pZ3JhdGUvNWQ5YWQyMDcxZWQ0OGE4ZDFiYmY2ZTFiZmU1MDE4ZjkucG5nI3BpY19jZW50ZXI%3D =300x )
![在这里插入图片描述](/image/aHR0cHM6Ly9pLWJsb2cuY3NkbmltZy5jbi9ibG9nX21pZ3JhdGUvMjVjOTMzYmFlZjI5ZDU3MzM3OTJmODM3MDEwYTM2MGUucG5nI3BpY19yaWdodA%3D%3D =300x )

在这里插入图片描述
在这里插入图片描述在这里插入图片描述

方法二:把图片改成一个标签,

这是已有的链接

![在这里插入图片描述](/image/aHR0cHM6Ly9pLWJsb2cuY3NkbmltZy5jbi9ibG9nX21pZ3JhdGUvYjAwMjc5MmQzYzExMjZiZmI1YmZkZDQ1ZDM4NDU4MmUucG5n#pic_center)

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

<img src="/image/aHR0cHM6Ly9pLWJsb2cuY3NkbmltZy5jbi9ibG9nX21pZ3JhdGUvYjAwMjc5MmQzYzExMjZiZmI1YmZkZDQ1ZDM4NDU4MmUucG5n" width="20%">

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

简单修改代码如下:

<div align="center">
	<img src="/image/aHR0cHM6Ly9pLWJsb2cuY3NkbmltZy5jbi9ibG9nX21pZ3JhdGUvYjAwMjc5MmQzYzExMjZiZmI1YmZkZDQ1ZDM4NDU4MmUucG5n" width="30%">
</div>

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

<div align="center">
	<img src="/image/aHR0cHM6Ly9pLWJsb2cuY3NkbmltZy5jbi9ibG9nX21pZ3JhdGUvYjAwMjc5MmQzYzExMjZiZmI1YmZkZDQ1ZDM4NDU4MmUucG5n" width="30%">
	<img src="/image/aHR0cHM6Ly9pLWJsb2cuY3NkbmltZy5jbi9ibG9nX21pZ3JhdGUvYjAwMjc5MmQzYzExMjZiZmI1YmZkZDQ1ZDM4NDU4MmUucG5n" width="30%">
	<img src="/image/aHR0cHM6Ly9pLWJsb2cuY3NkbmltZy5jbi9ibG9nX21pZ3JhdGUvYjAwMjc5MmQzYzExMjZiZmI1YmZkZDQ1ZDM4NDU4MmUucG5n" width="30%">
</div>

甚至还可以这样:

<tr height="200px">
	<td>
		<img src="/image/aHR0cHM6Ly9pLWJsb2cuY3NkbmltZy5jbi9ibG9nX21pZ3JhdGUvYjAwMjc5MmQzYzExMjZiZmI1YmZkZDQ1ZDM4NDU4MmUucG5n" width="30%">
	</td>
	<td height="100%">
		<tr height="30%">
		<img src="/image/aHR0cHM6Ly9pLWJsb2cuY3NkbmltZy5jbi9ibG9nX21pZ3JhdGUvYjAwMjc5MmQzYzExMjZiZmI1YmZkZDQ1ZDM4NDU4MmUucG5n" width="10%">
		<img src="/image/aHR0cHM6Ly9pLWJsb2cuY3NkbmltZy5jbi9ibG9nX21pZ3JhdGUvYjAwMjc5MmQzYzExMjZiZmI1YmZkZDQ1ZDM4NDU4MmUucG5n" width="10%">
		<img src="/image/aHR0cHM6Ly9pLWJsb2cuY3NkbmltZy5jbi9ibG9nX21pZ3JhdGUvYjAwMjc5MmQzYzExMjZiZmI1YmZkZDQ1ZDM4NDU4MmUucG5n" width="10%">
		</tr>
	</td>
	<td>
		<img src="/image/aHR0cHM6Ly9pLWJsb2cuY3NkbmltZy5jbi9ibG9nX21pZ3JhdGUvYjAwMjc5MmQzYzExMjZiZmI1YmZkZDQ1ZDM4NDU4MmUucG5n" width="30%">
	</td>
</tr>

还可以这样

<tr height="200px">
	<td>
		<img src="/image/aHR0cHM6Ly9pLWJsb2cuY3NkbmltZy5jbi9ibG9nX21pZ3JhdGUvYjAwMjc5MmQzYzExMjZiZmI1YmZkZDQ1ZDM4NDU4MmUucG5n" width="30%">
	</td>
	<td height="100%">
		<tr height="30%">
		<img src="/image/aHR0cHM6Ly9pLWJsb2cuY3NkbmltZy5jbi9ibG9nX21pZ3JhdGUvYjAwMjc5MmQzYzExMjZiZmI1YmZkZDQ1ZDM4NDU4MmUucG5n" width="10%">
		<tr height="30%">
		<img src="/image/aHR0cHM6Ly9pLWJsb2cuY3NkbmltZy5jbi9ibG9nX21pZ3JhdGUvYjAwMjc5MmQzYzExMjZiZmI1YmZkZDQ1ZDM4NDU4MmUucG5n" width="3%">
		<img src="/image/aHR0cHM6Ly9pLWJsb2cuY3NkbmltZy5jbi9ibG9nX21pZ3JhdGUvYjAwMjc5MmQzYzExMjZiZmI1YmZkZDQ1ZDM4NDU4MmUucG5n" width="3%">
		<img src="/image/aHR0cHM6Ly9pLWJsb2cuY3NkbmltZy5jbi9ibG9nX21pZ3JhdGUvYjAwMjc5MmQzYzExMjZiZmI1YmZkZDQ1ZDM4NDU4MmUucG5n" width="3%">
		</tr>
		<img src="/image/aHR0cHM6Ly9pLWJsb2cuY3NkbmltZy5jbi9ibG9nX21pZ3JhdGUvYjAwMjc5MmQzYzExMjZiZmI1YmZkZDQ1ZDM4NDU4MmUucG5n" width="10%">
		</tr>
	</td>
	<td>
		<img src="/image/aHR0cHM6Ly9pLWJsb2cuY3NkbmltZy5jbi9ibG9nX21pZ3JhdGUvYjAwMjc5MmQzYzExMjZiZmI1YmZkZDQ1ZDM4NDU4MmUucG5n" width="30%">
	</td>
</tr>
;