本系列文章由 @YhL_Leo 出品，轉載請注明出處。
文章鏈接： http://blog.csdn.net/yhl_leo/article/details/50099843

---

MarkDown里顯示圖片的方式可以引入HTML方法：

以512×512的lena圖像為例：

• 直接以MarkDown插入圖片的方法，圖片就會靠在左側，大小也不由自己決定：


其中https://img-blog.csdn.net/20151129213701642是本人上傳的lena圖像鏈接。

---

• 固定圖片顯示大小：

<img src="https://img-blog.csdn.net/20151129213701642" width=256 height=256 />

其中src后面接的就是圖像對象，width和height設置的是顯示圖像的尺寸。

---

• 根據一定比例顯示：

<img src="https://img-blog.csdn.net/20151129213701642" width="50%" height="50%" />

其中width和height后面的50%就是根據窗口的大小以一定的比例顯示圖片。值得一說的是，這種按照百分比顯示方法，是以width方向為準，并保持縱橫比的，換句話說，把設置width的部分去掉，height的值改為任意百分比，顯示的圖像都是原圖大小（個人覺得這根博客窗口有關，畢竟現實截面的寬度相對是固定的，而高度/長度卻是變化著的）。因此用此方法的時候，可以把height設置缺省。

如：

<img src="https://img-blog.csdn.net/20151129213701642" height="5%" />

是不是，還是原圖的大小……

---

• 如果想給圖像加個標注，可以這么做：

<center> <img src="https://img-blog.csdn.net/20151129213701642" width="25%" height="25%" /> Figure 1. Lena </center>

Figure 1. Lena

如果想讓圖和標注間距離增大，可以這么做：

<center> <img src="https://img-blog.csdn.net/20151129213701642" width="25%" height="25%" /> $ $ Figure 1. Lena </center>

<script type="math/tex" id="MathJax-Element-2"> </script>
Figure 1. Lena

總結

以上是生活随笔為你收集整理的MarkDown 图片大小问题的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。