flex布局 个别手机基线没对齐 数字偏上

本文探讨了使用Flex布局时在特定设备上出现的对齐问题,特别是针对数字和英文字符的情况,并介绍了如何通过设置正确的语言属性来解决这一问题。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

先看现象
这里我用了flex布局 但是在红米手机上没对齐的这种现象就特别明显

在这里插入图片描述
后来观察页面发现,只有数字、英文会存在这种情况,查询后得知一个以前没有注意过的配置,

1. 简体中文页面:html lang=zh-cmn-Hans 表示普通话/国语
  1. 繁体中文页面:html lang=zh-cmn-Hant

  2. 英语页面:html lang=en
    参考文章:
    https://zhidao.baidu.com/question/1112775171244083099.html
    https://blog.csdn.net/shadow_zed/article/details/97711473?spm=1001.2101.3001.6650.8&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EOPENSEARCH%7Edefault-8-97711473-blog-49150339.pc_relevant_landingrelevant&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EOPENSEARCH%7Edefault-8-97711473-blog-49150339.pc_relevant_landingrelevant&utm_relevant_index=8
    https://www.jianshu.com/p/b9b3133e80b1

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值