html 图片和文字垂直居中显示

1、在这里我用的是EditPlus，双击打开

2、点击左上角，文件》新建》html网页

3、在图片标签<img src="xxx" />之前加一个行内元素，比如加个<span></span>就行了。

4、给外层div加上text-align:center;

给span的样式display:inline-block;height:100%;vertical-align: middle;

给图片加上vertical-align: middle;

5、显示结果

6、文字居中 设置行高line-height等于外层的高度就行了。