Markdown图片更改方法&鲜为人知的小技巧

设置图片的title和宽度／高度

<img src="http://xxx.jpg" title="Logo" width="100" /> 

单张居中显示

• 方法一

<center>
    <img src="http://xxx.jpg">
</center>

• 方法二

<figure>
    <img src="http://xxx.jpg">
</figure>

两张图片并排显示

<figure class="half">
    <img src="http://xxx.jpg">
    <img src="http://yyy.jpg">
</figure>

三张图片并排显示

<figure class="third">
    <img src="http://xxx.jpg">
    <img src="http://yyy.jpg">
    <img src="http://zzz.jpg">
</figure>

那么综合起来，如果想要宽度固定并排两张照片并居中，可以这么做：

<center class="half">
    <img src="http://xxx.jpg" width="300"/>
    <img src="http://yyy.jpg" width="300"/>
</center>

分割线

有时候需要把某一分部单独列出来并且不想独立出一个新章节，之前我会选用引用或者代码段的方式，其实还有一种就是直接添加分割线，这样会显得整个文章更加整洁。
添加分割线非常简单，用三个星号就可以了。

***

比如：

---

XXX
XXX

---