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

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

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

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

给外层div加上text-align:center; 给span的样式display:inline-block;height:100%;vertical-align: middle; 给图片加上vertical-align: middle;

显示结果

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