收藏
回答

部分安卓机文字不能垂直居中的问题?

发现不管是用line-height还是用flex居中,都会出现部分安卓机无法垂直居中的问题。

小米8上显示如下:

ios显示是正常的可以居中。

代码如下:

  border: 1rpx solid rgba(255,176,183,1);
  line-height: 26rpx;
  height: 28rpx;
  white-space: nowrap;
  display: flex;
  justify-content: center;
  align-items: center;
回答关注问题邀请回答
收藏

4 个回答

  • 青青子衿
    青青子衿
    2020-01-15

    外边一个view专门写border: 1rpxsolid red;和flex上下居中,里面再来一个view写内容,保证居中。

    2020-01-15
    有用 1
    回复
  • wu
    wu
    2021-06-11

    俺遇到相同的问题,直接用padding来解决

    2021-06-11
    有用
    回复
  • TNT
    TNT
    2020-01-15

    你们相同的问题:https://developers.weixin.qq.com/community/develop/doc/0008265fae4af0e6dab97e6a35b400?_at=1579090654431

    line-height: normal; 或者line-height: 1.5;

    实在不行用伪类 或者 transform调

    2020-01-15
    有用
    回复
  • Admin ²º²⁴
    Admin ²º²⁴
    2020-01-15

    flex有几个兼容模式的写法,都加上试试。

    2020-01-15
    有用
    回复
登录 后发表内容
问题标签