微信/app环境下为何文字莫名其妙地居中?记个align-self/align-items的坑

估计是浏览器环境的锅,一个小问题。

红框处设置了flex布局,其中的内容align-self均设置了left,加了-webkit前缀的也写了一遍。chrome下是这个样子(也正是想要的样子)

这里写图片描述

但在微信环境下,下面的时间跑到了居中。在app下,上面的title和下面的时间都变成了居中。

微信下是这样:
这里写图片描述

很小的一处地方,但逼死了强迫症。。。。

在尝试了把父元素align-items也设成left无果后,换了个思路:
把子元素设置width:100%
这样在text-align:left的情况下,文字就终于乖乖靠左了。。。

一个小小的坑,可能微信/APP 虽然号称用的是某某很高级的内核啥的,但有些新的功能呢支持的还是不太行。。。当然跟手机型号和操作系统也有关系。。。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值