button 设置 line-height 文本不居中问题

在移动端开发时,有时对 button 同时设置了 height 及相等的 line-height,文本会出现偏下不居中的情况。解决方案:是让其使用默认的 line-height: normal 就可以了

line-height: normal 是浏览器自动计算的合适的行高,以保证文本居中,如果同时设置了 height 及相等的 line-height,有可能表现出来的文字会偏下,那是因为你设置的 height 的值有可能是比实际的值小,因为要相应减去 border 的那 2px 的高度,所以看上去文本会偏下了。