收藏
回答

文字不居中问题难道是无解的吗,多久了官方都没解决!

框架类型 问题类型 API/组件名称 终端类型 操作系统 微信版本 基础库版本
小程序 Bug text和view 客户端 6.5.1 1.73

第n次问了:文字不垂直居中,各种方法试遍,各种手机居中效果都不太一样,望官方早出解决方案。这是开发当中最痛苦的事情之一。也可移步https://developers.weixin.qq.com/blogdetail?action=get_post_info&docid=00060c3d7f4430e48ac6d3f705bc00 查看我之前的提问

回答关注问题邀请回答
收藏

11 个回答

  • 白山的天很蓝
    白山的天很蓝
    2018-06-21

    您好,我们已经看到了您的问题,但是我们就是假装看不到并且不想给你解决,而您,无可奈何。——TX

    2018-06-21
    有用 3
    回复 1
  • 陌上新桑 - 覃汉武
    陌上新桑 - 覃汉武
    2018-06-21

    只有文字的情况下,你可以将 line-height 设定成和 height 一样,这样就居中了,但是如果有别的内容,比如图片,你会蛋疼的。

    2018-06-21
    有用 1
    回复 1
    • guo煊
      guo煊
      2018-06-22

      这个早就试过,没用

      2018-06-22
      回复
  • 🍄
    🍄
    2018-08-27

    部分安卓机型有这个问题,一种解决方案是 text 的 font-size、padding 等都设置为两倍 rpx,然后用 scale 缩放。这样虽然居中了,但是把外层容器给撑起来了。

    2018-08-27
    有用
    回复 1
    • 以梦为马
      以梦为马
      2020-04-20
      这个有效果
      2020-04-20
      回复
  • J. T
    J. T
    2018-06-22

    反正搞小程序这么久,没遇到过不垂直居中的情况。建议兄弟静下心好好研究一下。传统的line-height  新的flex布局。都能解决。文字垂直居中粗略数一数,起码有五种方法。

    2018-06-22
    有用
    回复
  • lil
    lil
    2018-06-22

    试过了,荣耀8居中没毛病。

    2018-06-22
    有用
    回复
  • zzc
    zzc
    2018-06-22

    用绝对定位可以解决你的居中烦恼

    2018-06-22
    有用
    回复 3
    • guo煊
      guo煊
      2018-06-29

      请问如何解决,能给个代码片段吗

      2018-06-29
      回复
    • zzc
      zzc
      2018-06-29回复guo煊

      将文本标签设置为:position:absolute,left:0;right:0;top:0;bottom:0;margin:auto;

      2018-06-29
      回复
    • guo煊
      guo煊
      2018-06-29回复zzc

      似乎没效果,文字显示在左下方,代码片段:wechatide://minicode/AjMJxwmr7TjI

      2018-06-29
      回复
  • 永恒君
    永恒君
    2018-06-21

    不如用 padding 吧。抱歉没找到能复现这个 bug 的手机。

    2018-06-21
    有用
    回复 2
    • guo煊
      guo煊
      2018-06-29

      这个也试过,一样没用

      2018-06-29
      回复
    • 永恒君
      永恒君
      2018-06-29回复guo煊

      唔,padding 也不行那真是个妖怪了。


      只得从另一角度来看,也就是 line-height:1 和 vertical-align: middle 的关系了。

      大概是这样:https://www.zhangxinxu.com/wordpress/2015/08/css-deep-understand-vertical-align-and-line-height/


      字母会有 1-3px 的偏差是因为 g 这样字符,汉字也会倒真是少见。

      2018-06-29
      回复
  • 记得要微笑
    记得要微笑
    2018-06-21

    图层高度用line-height替代height,然后vertical-align:middle,这样就可以垂直居中了。个人见解



    2018-06-21
    有用
    回复 1
    • guo煊
      guo煊
      2018-06-29

      这个早试过,没用

      2018-06-29
      回复
  • 2018-06-20

    无解的,只能看似居中,不能绝对居中

    2018-06-20
    有用
    回复
  • guo煊
    guo煊
    2018-06-20

    你看看苹果的(方法二和三),这才是真正意义上居中

    2018-06-20
    有用
    回复

正在加载...

登录 后发表内容