美文网首页
微信H5设置 line-height 文字不居中

微信H5设置 line-height 文字不居中

作者: Magic丶_0859 | 来源:发表于2020-12-24 11:56 被阅读0次

    在开发一个微信中运行的H5的时候遇到了这个问题,通过设置 line-height 等于元素的 height 无法使安卓上的文字垂直居中,尝试了几种解决办法,都没成功。

    • 通过flex布局,使用 align-items 属性实现垂直居中
    • 元素 line-height 设置成 0,通过 padding 撑起元素

    后来尝试了将元素尺寸放大后再缩小的办法,此方法确实可以居中,不过也只能用于绝对定位的元素,并且实现起来相当繁杂

    image.png

    经过痛苦又漫长的调试,最后终于找到解决办法,只需要将全局的 lang 设置成 zh 就可以通过 line-height 来居中了,亲测有效。

    相关文章

      网友评论

          本文标题:微信H5设置 line-height 文字不居中

          本文链接:https://www.haomeiwen.com/subject/hlcmnktx.html