markdown多張圖片並排顯示


在markdown中,目前,讓圖片像這樣並排居中的方式主要是兩種:

第一種:![](url1)![](url1)![](url1)... 多個圖片鏈接綴加寫,無換行,無空格。

這種方式,似乎並不能夠每一次都生效。目前,僅嘗試了博客園,是可以生效的,如下:

其編輯代碼如下:

<center>

![](https://img2018.cnblogs.com/blog/1735896/202001/1735896-20200116162140471-237299356.png)![](https://img2018.cnblogs.com/blog/1735896/202001/1735896-20200116162142968-297860512.png)
</center>

這種方式的很大問題是,圖片是緊密貼在一起的,觀感並不友好,因此不支持使用該方式。

第二種:使用html標簽<figure>

其編輯代碼如下:

<center>
<figure>
<img src="https://img2018.cnblogs.com/blog/1735896/202001/1735896-20200116162140471-237299356.png" />
·
·
·
<img src="https://img2018.cnblogs.com/blog/1735896/202001/1735896-20200116162140471-237299356.png" />
</figure>
</center>

你需要特別注意的是:
當你在使用第二種方式的時候你一定需要注意的幾點:

  • 在博客園中寫博客時,代碼塊和上方文字要空一行才會生效,如下:

  • 當你使用 <center>標簽單獨居中一張圖片的時候,開標簽和圖片代碼通常需要空一行才會正常顯示(博客園中)

  • 當你在應用這種方式不成功的時候,很可能是圖片過大,這時候你需要在圖片的鏈接中加入圖片參數以設定合適的尺寸。如果你不知道具體怎么設定,你需要看這里link


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM