部分安卓机文字不能垂直居中的问题?
发布于 7 年前 作者 xzhao 6631 次浏览 来自 问答

发现不管是用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;
3 回复

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

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

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

实在不行用伪类 或者 transform调

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

回到顶部