關於Markdown里的圖片並排顯示

Markdown里的圖片並排顯示

最近寫文章的時候發現，在markdown里插入一些很長的圖片的時候，會顯得很不好看，於是去查了一下如何實現markdown里圖片的並排顯示，參考了下面博客內的內容，方法如下：

單張居中顯示：

<center>
    <img src="http://dreamofbook.qiniudn.com/Zero.png">
</center>

OR

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

固定圖片寬度/高度：

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

寬度是 Width，高度是 High。Title 為圖片描述。

兩張並排顯示：

<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>

參考資料

上面的基本是我在下面這個博客上看到的，非常不錯，推薦給大家
Markdown 簡明語法參考

以上，所有
2017/6/12