小程序
小游戏
企业微信
微信支付
扫描小程序码分享
发现不管是用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 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
外边一个view专门写border: 1rpxsolid red;和flex上下居中,里面再来一个view写内容,保证居中。
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
俺遇到相同的问题,直接用padding来解决
你们相同的问题:https://developers.weixin.qq.com/community/develop/doc/0008265fae4af0e6dab97e6a35b400?_at=1579090654431
line-height: normal; 或者line-height: 1.5;
实在不行用伪类 或者 transform调
flex有几个兼容模式的写法,都加上试试。
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
外边一个view专门写border: 1rpxsolid red;和flex上下居中,里面再来一个view写内容,保证居中。
俺遇到相同的问题,直接用padding来解决
你们相同的问题:https://developers.weixin.qq.com/community/develop/doc/0008265fae4af0e6dab97e6a35b400?_at=1579090654431
line-height: normal; 或者line-height: 1.5;
实在不行用伪类 或者 transform调
flex有几个兼容模式的写法,都加上试试。