MarkDown设置图片居中显示并调整大小

Markdown图片的一般格式

! [] ()
  • [] “中是图片描述

  • () “是图片的URL(本地或网络).


显示出来的效果(未居中和更改大小)

一行代码让图片显示居中

<div align=center><img src="url" width="  "></div>

其中url是要插入的图片的链接,width是修改图片的尺寸,去掉该选项后图片则以原画显示。

  • 带有调整尺寸的居中显示
<div align=center><img src=".png" width="200"></div>
<div align=center><img src=".png" width="300"></div>
<div align=center><img src=".png" width="400"></div>
<div align=center><img src=".png" width="500"></div>
<div align=center><img src=".png" width="600"></div>
  • 去掉调整尺寸的原画居中显示
<div align=center><img src=".png"></div>