【CSDN】博客图片居中显示

【CSDN】博客图片居中显示

1. 方法1（简单）

居左、居中、居右

#pic_left
#pic_center
#pic_right

1.0 原效果

1.1 只居中

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

在图片链接后面加 ‘#pic_center’

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

效果：

1.2 居中+改大小

在图片链接后面加 ‘#pic_center =100x100’，也可以换成其他数值，代表宽x高，注意等号前有空格。

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

效果：

2. 方法2

<center>
<img src=https://img-blog.csdnimg.cn/dc83bd426af6402aaf60c501aeb6cd5e.png width="50%">
//src=复制图片链接,src和width之间一定注意不要加逗号，直接空格，不然也是不显示图片

效果：

3. 总结

• 方法1：

  直接加 #pic_center

  扫描二维码关注公众号，回复： 14701475 查看本文章

• 方法2：

<center>
<img src=https://img-blog.csdnimg.cn/dc83bd426af6402aaf60c501aeb6cd5e.png width="50%">