CSDN Markdown编辑器 图片对齐方式（居中/左对齐/右对齐）及图片大小

说明：加载图片给有两种方式，一种用网页图片链接，另一种上传本地图片。

获得图中方框中的图片链接为：https://img-blog.csdnimg.cn/2020010115413478.bmp

一、图片对齐方式

1.居中

方法一： 代码行
使用以下代码进行居中处理

<div align=center><img  src="https://img-blog.csdnimg.cn/20200101154257985.bmp"/></div>

代码在Markdown编辑器效果如下：

方法二： 本地插入的方式

编辑界面右侧帮助文档有提示：

链接: [link](https://mp.csdn.net).

图片: ![Alt](https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw)

带尺寸的图片: ![Alt](https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw =30x30)

居中的图片: ![Alt](https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw#pic_center)

居中并且带尺寸的图片: ![Alt](https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw#pic_center =30x30)

效果如下：

两种方式最终显示效果一致！

同样地，对于图像的右对齐、左对齐用如下方式即可快速达到。

2.右对齐、左对齐

左对齐
<div align=left><img  src="https://img-blog.csdnimg.cn/2020010115413478.bmp"/></div>

右对齐
<div align=right><img  src="https://img-blog.csdnimg.cn/2020010115413478.bmp"/></div>

效果如下：

二、图片大小

在img后面加width=xx hight=xx可以调整图片大小，使用以下代码进行大小调整。
方法一： 代码

<div align=center><img width=300 hight=300 src="https://img-blog.csdnimg.cn/2020010115413478.bmp"/></div>

效果如下：

方法二： 本地插入

带尺寸的图片: 
![Alt](https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw =30x30)

居中并且带尺寸的图片: 
![Alt](https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw#pic_center =30x30)

效果如下：

参考文献：
[1] CSDN Markdown编辑器改变图片对齐方式（居中，左对齐，右对齐）及改变图片大小
[2] markdown中图片靠左对齐或靠右对齐



针对博文美化，具体对于字体大小、颜色等排版，欢迎参考另一篇博文。
markdown编辑器常用语法（段落缩进、换行，改变字体、字号与颜色等）

欢迎各位订阅我，谢谢大家的点赞和专注！我会继续给大家分享精简快捷的操作指南。