在开发一个微信中运行的H5的时候遇到了这个问题,通过设置 line-height
等于元素的 height
无法使安卓上的文字垂直居中,尝试了几种解决办法,都没成功。
- 通过flex布局,使用
align-items
属性实现垂直居中 - 元素
line-height
设置成 0,通过padding
撑起元素
后来尝试了将元素尺寸放大后再缩小的办法,此方法确实可以居中,不过也只能用于绝对定位的元素,并且实现起来相当繁杂
image.png经过痛苦又漫长的调试,最后终于找到解决办法,只需要将全局的 lang
设置成 zh
就可以通过 line-height
来居中了,亲测有效。
网友评论