MarkDown文档中怎么让图片并排展示

Markdown 是一种轻量级标记语言，它允许人们使用易读易写的纯文本格式编写文档，然后转换成格式丰富的HTML页面。

Markdown 语法是对纯文本格式的强化，能使文本显示得更清晰、有条理。但它依旧算是简单的文本，很容易修改和扩展，常用于快速写作中。也正是因为MarkDown更注重简洁，所以对于图文混排，一些特定效果等功能进行了弱化，比如想设置图文并列，图片墙等时，纯MarkDown语法就无法实现了。

还好，Markdown 格式的兼容扩展性颇佳，使之能快速转换为各种互联网上的常用格式，比如 HTML、Word、PDF 等。

所以要实现图文混排，我们可以使用HTML语法来完成，比如完成一个图片并列排放效果，就可以在MarkDown文档中直接写入如下示例代码实现

1
2
3

<div style="float:left;border:solid 1px 000;margin:2px;"><img src="../images/QR-BTC.png"  width="200" height="260" ></div>

<div style="float:left;border:solid 1px 000;margin:2px;"><img src="../images/QR-BTC.png" width="200" height="260" ></div>

以上示例代码实现的效果如下：

当屏幕容得下多张图片时，图片将并排展示，如果屏幕分辨率小，则接着下一屏展示。

如上文，当添加了`DIV`样式后，图片是实现并排了，可后面的文字也贴上去了，无法实现在下一行显示，此时我们就需要在将下文放在`DIV`容器中，并清除之前的浮动样式

1
2
3

<div style="float:none;clear:both;">
下文其他内容
</div>

参考文档：http://whuhan2013.github.io/blog/2015/09/19/markdown-simple-grammar/