在开发一个微信中运行的H5的时候遇到了这个问题，通过设置 line-height 等于元素的 height 无法使安卓上的文字垂直居中，尝试了几种解决办法，都没成功。
align-items 属性实现垂直居中line-height 设置成 0，通过 padding 撑起元素后来尝试了将元素尺寸放大后再缩小的办法，此方法确实可以居中，不过也只能用于绝对定位的元素，并且实现起来相当繁杂
image.png
经过痛苦又漫长的调试，最后终于找到解决办法，只需要将全局的 lang 设置成 zh 就可以通过 line-height 来居中了，亲测有效。
在开发一个微信中运行的H5的时候遇到了这个问题，通过设置 line-height 等于元素的 height 无法使...
水平居中 文字居中 图片居中 绝对定位元素 居中 相对定位 负边距居中 垂直居中 文字设置line-height ...
1、line-height 要设置在font下面，否则无效；2、使用line-height 设置文字居中在手机页面...
移动端使用行高设置文字垂直居中时偏上问题 使用line-height设置行高使文字垂直居中时，安卓机文字显示偏上解...
设置line-height，文字就会在垂直方向居中。line-height是行高，height就是高，通常heig...
行高与字体简写 line-height = height,可设置单行文字垂直居中line-height默认值1.3...
在WebApp中，使用line-height等于height，设置文字垂直居中时，安卓渲染会出现偏上、并不居中的问...
问题：height 与line-height 组合实现单行文字垂直居中，在Android下总是不居中问题 场景： ...
一、文本居中 文本水平居中： text-align:center 文本垂直居中：(1)设置line-height=...
1.使用text-align:center/line-height:高度一半进行居中 这种居中,如果不设置宽高，则...
本文标题：微信H5设置 line-height 文字不居中
本文链接：https://www.haomeiwen.com/subject/hlcmnktx.html
网友评论