font-size line-height vertual-align的复杂关系

vertual-align的正常使用在于基线的确定

而基线会受到line-height的影响,同时不同字体大小也会影响到基线,

当line-height使用继承方式或者使用数字的时候,line-height是不确定的,同时导致基线也不确定,这就会表现出使用vertual-align出现飘忽不定的情况。

然而在安卓手机下 当字体小于12px的时候 使用line-height还无法达到居中效果(表现为偏上一点) 因为是字体非常小,那必然是在大小非常小的容器里面,这个时候 非常细小的偏上 也会产生非常明显的不适。因为手机在渲染文本块的时候 会将文本块的顶部留出一段间距,这个时候可以利用这个间距 然后使用padding达到居中的效果