方法一:当你插入图片后是不是会出现以下的类似代码?
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/b002792d3c1126bfb5bfdd45d384582e.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDg0NTMzMA==,size_16,color_FFFFFF,t_70#pic_center)
首先,可以将 “?” 之后、 ”#pic_center" 之前的代码全部删除,这部分是管理右下角水印用的。之后你将会得到:
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/b002792d3c1126bfb5bfdd45d384582e.png#pic_center)
直接加入" =AxB"(A、B为像素值,注意"=" 之前有一个空格,B可以省略,这样系统会按照长宽百分比自动匹配B的值)
另外,还可以将”#pic_center" 修改如下:
- pic_right 右对齐
- pic_center 居中对齐
- pic_left 左对齐
下面让我们来看一下效果:
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/e746a6051582b74c186087585e1c88e6.png =300x
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/5d9ad2071ed48a8d1bbf6e1bfe5018f9.png#pic_center =300x )
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/25c933baef29d5733792f837010a360e.png#pic_right =300x )
方法二:把图片改成一个标签,
这是已有的链接
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/b002792d3c1126bfb5bfdd45d384582e.png#pic_center)
这是修改后的标签,其中width后的参数可以用来调节缩放百分比。
<img src="https://i-blog.csdnimg.cn/blog_migrate/b002792d3c1126bfb5bfdd45d384582e.png" width="20%">
这种方法的确能缩放,但是好像不能居中。
简单修改代码如下:
<div align="center">
<img src="https://i-blog.csdnimg.cn/blog_migrate/b002792d3c1126bfb5bfdd45d384582e.png" width="30%">
</div>
小熊猫想要肩并肩并排跳舞,
<div align="center">
<img src="https://i-blog.csdnimg.cn/blog_migrate/b002792d3c1126bfb5bfdd45d384582e.png" width="30%">
<img src="https://i-blog.csdnimg.cn/blog_migrate/b002792d3c1126bfb5bfdd45d384582e.png" width="30%">
<img src="https://i-blog.csdnimg.cn/blog_migrate/b002792d3c1126bfb5bfdd45d384582e.png" width="30%">
</div>
甚至还可以这样:
<tr height="200px">
<td>
<img src="https://i-blog.csdnimg.cn/blog_migrate/b002792d3c1126bfb5bfdd45d384582e.png" width="30%">
</td>
<td height="100%">
<tr height="30%">
<img src="https://i-blog.csdnimg.cn/blog_migrate/b002792d3c1126bfb5bfdd45d384582e.png" width="10%">
<img src="https://i-blog.csdnimg.cn/blog_migrate/b002792d3c1126bfb5bfdd45d384582e.png" width="10%">
<img src="https://i-blog.csdnimg.cn/blog_migrate/b002792d3c1126bfb5bfdd45d384582e.png" width="10%">
</tr>
</td>
<td>
<img src="https://i-blog.csdnimg.cn/blog_migrate/b002792d3c1126bfb5bfdd45d384582e.png" width="30%">
</td>
</tr>
还可以这样
<tr height="200px">
<td>
<img src="https://i-blog.csdnimg.cn/blog_migrate/b002792d3c1126bfb5bfdd45d384582e.png" width="30%">
</td>
<td height="100%">
<tr height="30%">
<img src="https://i-blog.csdnimg.cn/blog_migrate/b002792d3c1126bfb5bfdd45d384582e.png" width="10%">
<tr height="30%">
<img src="https://i-blog.csdnimg.cn/blog_migrate/b002792d3c1126bfb5bfdd45d384582e.png" width="3%">
<img src="https://i-blog.csdnimg.cn/blog_migrate/b002792d3c1126bfb5bfdd45d384582e.png" width="3%">
<img src="https://i-blog.csdnimg.cn/blog_migrate/b002792d3c1126bfb5bfdd45d384582e.png" width="3%">
</tr>
<img src="https://i-blog.csdnimg.cn/blog_migrate/b002792d3c1126bfb5bfdd45d384582e.png" width="10%">
</tr>
</td>
<td>
<img src="https://i-blog.csdnimg.cn/blog_migrate/b002792d3c1126bfb5bfdd45d384582e.png" width="30%">
</td>
</tr>