在移动端开发时,有时对 button
同时设置了 height
及相等的 line-height
,文本会出现偏下不居中的情况。解决方案:是让其使用默认的 line-height: normal
就可以了
line-height: normal
是浏览器自动计算的合适的行高,以保证文本居中,如果同时设置了 height
及相等的 line-height
,有可能表现出来的文字会偏下,那是因为你设置的 height
的值有可能是比实际的值小,因为要相应减去 border
的那 2px
的高度,所以看上去文本会偏下了。