【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
-
方法2:
<center>
<img src=https://img-blog.csdnimg.cn/dc83bd426af6402aaf60c501aeb6cd5e.png width="50%">