问题描述
最近在做一个安卓平板的项目,开发模式是混合开发,即原生 APP 中内嵌 H5 网页。文字垂直居中使用的是 height + line-height 组合,在 PC 上效果一直是好的,我手上开发用的安卓平板上效果也是好的。昨天领导拿过来一个华为平板对我说:“文字怎么不是垂直居中”。我一看,还真是。
“在我电脑上是好的啊!”
初始方案:line-height 实现文字垂直居中
Hello World
这种方案在 PC 上显示都是正常的,在安卓平板上文字会偏移。
查找资料后,验证后发现下面这种解决方案有效。
修改后方案:flex 实现文字垂直居中
Hello World