调整no-repeat top left这个，应该写成no-repeat left top把其中的top改为数值 调整数值大小到背景为居中位置就可以了 如3px 5px等等
方法1 最科学的div display:flex 设置子元素垂直分部居中排列包括兼容代码有点多 网上自己搜吧
方法2 文字外层再包一层div 设置 高度 绝对定位 top 50% margin-top 负高度
缺点就是 div 必须设高度
方法3 外层div 设置 display:table-cellvertical-align: middle
不推荐 因为table-cell 不稳定 而且 语义上很奇怪
方法4 js
垂直对齐就是相对于外部容器垂直方向的对齐方式，如下三种方式：
1、垂直居中对齐：
css：vertical-align:middle
示例：
2、垂直底部对齐：
css：vertical-align:bottom
示例：
3、垂直顶部对齐：
css：vertical-align:top
示例：
