GitHub地址：https://github.com/youlookwhat

CSDN博客：http://blog.csdn.net/jingbin_

首先看一下显示效果：

有时候为达到美好的排版方式，我们会有多种显示图片的需求，现在我们来依次试试

显示图片的方式有这样几种：

1.引入HTML,格式如下：

![](img_url)

• 1

“[]”里放的是图片描述文字。这样图片就会靠在左侧，大小也不由自己决定,例如：

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

• 1

2.固定图片显示大小：

你是不是觉得以上的图片不是你想要的尺寸呢，没关系，你可以自定义尺寸：

"150" height="150" src="https://img1.iyenn.com/thumb02/c4a7c49ea7f8a7i3/55561715162940156383.jpeg"/>

• 1

分别在“width”和“height”设置你想要的宽高就好了，就成这样：

你也可以加上描述文字就是这样：

"https://img1.iyenn.com/thumb02/c4a7c49ea7f8a7i3/55561715162940156383.jpeg" width="150" height="200" alt="图片描述文字"/>

• 1

3.固定图片显示大小且居中：

这时候想到也许居中会更好，于是我们试试居中

"150" height="150" src="https://img1.iyenn.com/thumb02/c4a7c49ea7f8a7i3/55561715162940156383.jpeg"/>

• 1

只要在外面包围div标签就好了，就是这样显示了：

如果觉得满意请顶一下哦，thanks~