天天看点

CSDN博客:使用Markdown编辑器使图片居中显示前言内容总结

前言

在CSDN写博客时插入图片总是左对齐的,如果想要居中显示要怎样做呢,其实很简单,只需要加一句代码就可以了,我们来对比一下。

内容

  • 这个是普通的图片插入格式,显示为左对齐
CSDN博客:使用Markdown编辑器使图片居中显示前言内容总结
  • 代码如下:
![MarkdownPicture](https://img-blog.csdn.net/20161029130908810)
           
  • 下面是居中显示的图片格式
CSDN博客:使用Markdown编辑器使图片居中显示前言内容总结
  • 这是居中显示的代码:
![MarkdownPicture](https://img-blog.csdn.net/20161029130908810#pic_center)
           

总结

其实只要在图片链接的前面加上这样一句代码就好,O(∩_∩)O哈哈~

>

<div align=center>

  • 挺长时间没更新,发现图片居中的代码格式改了,现在改为在图片路径后面添加

    #pic_center

    即可,多谢@lkangkang提醒。
  • 此外还可以调整图片的大小,在图片后面直接添加尺寸即可,例如

    ![MarkdownPicture](https://img-blog.csdn.net/20161029130908810#pic_center =20X20)

    ,特别要注意等号前面的空格啊