首先看一下顯示效果：

有時候為達到美好的排版方式，我們會有多種顯示圖片的需求，現在我們來依次試試

顯示圖片的方式有這樣幾種：

1.引入HTML,格式如下：

![](img_url)

“[]”裡放的是圖片描述文字。這樣圖片就會靠在左側，大小也不由自己決定,例如：

![圖片描述文字](http://img.blog.csdn.net/20161028230559575)

2.固定圖片顯示大小：

你是不是覺得以上的圖片不是你想要的尺寸呢，沒關係，你可以自定義尺寸：

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

分別在“width”和“height”設定你想要的寬高就好了，就成這樣：

你也可以加上描述文字就是這樣：

<img src="https://img-blog.csdn.net/20161028230559575" width="150" height="200" alt="圖片描述文字"/>

3.固定圖片顯示大小且居中：

這時候想到也許居中會更好，於是我們試試居中

<div align=center><img width="150" height="150" src="https://img-blog.csdn.net/20161028230559575"/></div>
 

只要在外面包圍div標籤就好了，就是這樣顯示了：

如果覺得滿意請頂一下哦，thanks~