博客园相关-Markdown设置插入图片对齐方式

在博客园中，插入图片的默认方式为：
![](https://img2024.cnblogs.com/blog/3466488/202406/3466488-20240620171406631-1366059752.png)

效果如下：

1. 想要设置插入图片的尺寸，可以用<img>元素的style="zoom:20%"属性实现，如下：
   <img src="https://img2024.cnblogs.com/blog/3466488/202406/3466488-20240620171406631-1366059752.png" style="zoom:20%" alt="image"/>
   效果如下：
   

2. 想要图片居中对齐，可通过设置用<div align="center"></div>包住<img>元素，如下：
   <div align="center"><img src="https://img2024.cnblogs.com/blog/3466488/202406/3466488-20240620171406631-1366059752.png" style="zoom:20%" alt="image"/></div>
   效果如下：

3. 想要将多张图片居中排列，可通过<center>和<figure>标签设置，如下：

<center>
<figure>
<img src="https://img2024.cnblogs.com/blog/3466488/202406/3466488-20240620171406631-1366059752.png" />
<img src="https://img2024.cnblogs.com/blog/3466488/202406/3466488-20240620172450154-534610412.png" />
</figure>
</center>

效果如下：