文字小于12px时，设置line-height不居中问题

设置了文字了小于12px时，会存在设置了line-height的不生效的问题，主要是因为基线的问题，这篇文章解释的很清楚，有兴趣的能够看下https://blog.csdn.net/q121516340/article/details/51483439

方法1：

使用CSS3 scale属性，设置时将全部的值设置大一倍，而后缩小一倍

 　　　　　　 height: 32px;
            line-height: 32px;
            font-size: 20px;
            text-align: center;
            transform: scale(0.5);

 方法2：直接用定位，只是比较傻的方法