安卓真机上字体有偏离无法完全居中对齐

最新推荐文章于 2024-05-09 16:16:43 发布
最新推荐文章于 2024-05-09 16:16:43 发布
阅读量3.2k 收藏 3
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yangxiqian/article/details/80204072
版权

许多人在真机上面查看html会发现很多文字有偏离无法完全居中对齐，解决方案为给<html></html>标签加上lang="zh-cmn-Hans";再给无法居中的标签加上中文字体，例如font-family:'宋体' ;产生此类问题是由于安卓手机对一些非中文字体无法居中。

例如 (flex兼容性代码省略)

<div class="info flex">
        <div class="nickName">星云</div><div class="zhiwei">法师</div>

</div>


此时出现的问题，红色标签里文字无法居中，line-height无法解决，红色标签与前面的名字也无法对齐，即使我用了flex布局的居中对齐，此时代码为

.info{

display:flex;

        align-items:center;

}

.zhiwei {
width:30px;
border-radius:30px;
text-align:center;
background: #db4000;
color: #FFFFFF;
line-height:16px;
height:16px;
margin-left: 5px;font-size:10px;

}

此时改为<html lang="zh-cmn-Hans">再给红色标签和前面文字分别加上font-family:'宋体' ;显示为


此时对齐居中都实现了

yangxiqian
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
android 图标居中,文字和图标在部分安卓（小米、魅族）居中对其问题？
weixin_35660038的博客
05-29 552
在做文字和小图标居中对齐时，在部分安卓机上会出现文字偏上的问题，导致文字和图标不是居中对其的尝试的方法有：display：inline-block；vertical-align：middle；弹性盒模型，padding相关代码// 请把代码文本粘贴到下方(请勿用图片代替代码).box {display: flex;justify-content: flex-start;align-items: c...
移动端解决文字不居中问题
weixin_30394669的博客
03-21 1279
在写移动端的时候遇见一个大坑 带背景颜色的文字显示，常见的垂直居中方法如下： .text{ height: 26px; line-height: 26px; padding: 0 7px; font-size: 20px; color: #dc2f2f; background: #ffeded; borde...
Android最全安卓上按钮文字偏上的问题，一个Android程序员的阿里面试心得
最新发布
2401_84520245的博客
05-09 225
我坚信，坚持学习，每天进步一点，滴水穿石，我们离成功都很近！以下是总结出来的字节经典面试题目，包含：计算机网络，Kotlin，数据结构与算法，Framework源码，微信小程序，NDK音视频开发，计算机网络等。字节高级Android经典面试题和答案网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。需要这份系统化学习资料的朋友，可以戳这里获取一个人可以走的很快，但一群人才能走的更远！
andriod移动端文字不上下居中-完美解决
web_ding的博客
09-29 1048
背景： 在andriod移动端页面中，发现文字不管用flex布局，还是设置line-hight文字都无法上下居中，都会偏上一点，在pc和ios页面中又没问题，让我差点怀疑人生，这么简单的居中都搞不定了？ 调查： 这是andriod的一个bug，字体小于12px,或者使用rem等会出现这种情况（网友提供的资料待验证） 解决办法： 1.把字体放大 2.再用scale缩小，缩小后原来的位置莫名被保留了，导致间隙大，这时候再用位移调整下， 如下代码： font-siz...
关于 text-align: center 设置后文字位置不在中间的原因及解决方法
成长之路，任重道远，期待你的关注！
01-12 5618
关于 text-align: center 设置后文字位置不在中间的原因及解决方法 先说解决方法，给元素设置display：inline-block ， 首先，我们得清楚text-align: center 设置后的作用效果，这个属性设置后会使标签中的文字居中排布，也包括标签的后代元素里的文字居中，即样式的继承。 简单了解后我们直接看问题，在开发或者日常练习中会遇到图片中的情况， 设置样式后文字的位置并不是居中，而是中间偏左一点。这时候检查后发现是浏览器默认样式，（我这里用的footer标签，块级元素）
android 换行乱_浅谈Android textview文字对齐换行的问题
weixin_35145307的博客
03-05 850
今天忽然发现android项目中的文字排版参差不齐的情况非常严重，不得不想办法解决一下。经过研究之后，终于找到了textview自动换行导致混乱的原因了----半角字符与全角字符混乱所致！一般情况下，我们输入的数字、字母以及英文标点都是半角，所以占位无法确定。它们与汉字的占位大大的不同，由于这个原因，导致很多文字的排版都是参差不齐的。对此我找到了两种办法可以解决这个问题：1. 将textview中...
解决align-items失效，无法居中问题
热门推荐
angula
08-29 1万+
在做flex布局的时候，有时候你可能会遇到align-items失效的问题，那么下面来说一下 css #main{ display: flex; justify-content: center; align-items: center; } #content{ width: 100px; height: 100px; background-color: #1890FF; } 此时align-items失效，只能水平居中，.
高通车机Android车载影像系统-EVS
09-20
综上所述，【高通车机Android车载影像系统-EVS】是一个综合了先进图像处理技术、硬件适应性、易用性和安全性的车载影像解决方案，它在Android车机系统中扮演着至关重要的角色，为汽车制造商和开发者提供了强大而灵活...
嵌入式系统/ARM技术中的研究在嵌入式基础上的车辆偏离预警系统
10-23
据调查，在诸多的交通事故中大约15％的道路交通事故是由车辆驶离公路造成的，车道偏离预警系统能够有效减少道路交通事故的发生。目前车道偏离预警系统采用的方法大致分为3种：1是基于车辆将到达车道边界时间（Time ...
程序1_车道偏离_预警_车道偏离预警_
10-02
标题中的“程序1_车道偏离_预警_车道偏离预警_”揭示了这是一个关于车道偏离预警系统的软件或程序项目。这个系统通常用于车辆安全驾驶辅助，通过实时监测车辆行驶轨迹，防止因驾驶员无意或疲劳驾驶导致的车道偏离。...
浅槽分选机上升流工艺的优化改造
07-17
分析了潘三选煤厂主要存在合格介质循环泵设计选型偏大、上升流工艺不完善,浅槽管道布置不合理、上升流流量难以稳定控制,管路扬程大、循环介质泵工况点偏离最大效率工作区等问题。通过在原上升流管道加一路放料管、...
基于遗传算法改进的核极限学习机轴间偏离预测，基于ELM的轴间偏离预测（代码完整，数据齐全）
01-19
基于MATLAB编程，基于遗传算法改进的核极限学习机轴间偏离预测，基于ELM的轴间偏离预测，代码完整，包含数据，有注释，方便扩展应用 1，如有疑问，不会运行，可以私信, 2，需要创新，或者修改可以扫描二维码联系博主...
移动端布局之flex布局
Wanan_J的博客
01-14 907
弹性布局 flex布局 常见属性
android 上下偏差怎么写_Android、IOS文字居中偏离的解决方案
weixin_39589766的博客
12-19 404
前言移动端开发，经常会遇到的问题，就是文字居中。一般都只能往css方向去fix这个问题。自己以前也用过position:relative;top:-*px的方式去解决。????后来才发现，原来不是css的问题，是浏览器在渲染象形文字时，就已经错误了。本文参考自知乎回答，用来总结如何填上这个坑～一、css文字居中先总结下，前端开发中，常用的文字居中技巧。常规方法height:20px;line-heigh...
关于移动端文字无法垂直居中（或line-height不起作用）的问题的解决方案(网摘)...
dhp30329的博客
11-08 2265
最近开发移动端APP，发现安卓端对于文字垂直居中的问题兼容性不好，网上也搜了很多方法，但是都比较麻烦，自己摸索出来了最终的解决方案： 1、首先在html头部把我们常用的lang="en"改为lang="zh-cmn-Hans"。 此设置会导致安卓端和iOS端的密码输入符会出现问题： iOS端：（密码符号变大） 图片描述 安卓端：（密码符号变小） 图片描述 我们可以对需要密码框的页面单独...
flex布局
yanzi_0216的博客
10-13 375
flex布局 一、布局 块级元素flex布局 display: flex; 内联元素flex布局 display: inline-flex; 注意，设为Flex布局以后，子元素的float、clear和vertical-align属性将失效。 二、基本概念 采用Flex布局的元素，称为Flex容器（flex container），简称”容器”。它的所有子元素自动成为容器成员，称为Flex项目（flex item），简称”项目”。 容器默认存在两根轴：水平的主轴（main axis）和垂直的交叉轴（cros
display flex 左右_微信小程序入门-如何实现上下居中和左右居中显示
weixin_39927623的博客
12-16 1391
我们先把原始代码贴上index.wxml<!--pages/index.wxml--> <view> <text>AI花草识别</text> </view> /* pages/test.wxss 默认为空 */显示效果如下：可以看到，文字是默认居左显示的。下面代码可以让文字居中，但是会有一个问题出现，文字没有上下居中。<!--pag...
解决css使用align-items文字与数字对齐不了问题
SiShen654的博客
08-30 4643
使用下列属性即可 line-height: 100%;
如何解决安卓手机上文字偏上的问题
幸福的七种颜色的博客
05-21 7097
原css:a { height: 30px; line-height: 30px; font-size: 14px; text-align: center; width: 70px; vertical-align: middle; } 解决方法：去掉line-height和vertical-align 使用 flex 布局。把父元素设为：displa...
textview 文字不居中
09-06
当TextView中的文字不居中时，可能是由于以下几个原因： 1. 使用了不正确的布局参数：在布局文件中，需要将TextView的"android:gravity"属性设置为"center"，以确保文字在TextView中垂直和水平居中。 2. 使用了不正确的对齐方式：除了"android:gravity"属性外，还有"android:layout_gravity"属性也会影响TextView中文字的对齐方式。如果该属性设置不正确，文字可能会从视图中间偏移。 3. 使用了不正确的填充：如果在TextView的外边距和内边距设置不正确，文字也会偏离居中。请确保正确设置了"android:padding"和"android:margin"属性。 4. 设置了单行显示方式：如果TextView只显示一行文字，并且文字过长导致被切断，文字在水平方向上就会显示在左边。可以通过设置"android:singleLine"为"false"或者设置"android:ellipsize"来处理长文字的显示方式。 5. 设置了跑马灯效果：如果在TextView中设置了跑马灯效果，并且文字过长导致跑马灯效果生效，文字会默认显示在左侧。可以通过设置"android:marqueeRepeatLimit"为"marquee_forever"来确保文字始终居中。 以上是一些可能导致TextView文字不居中的原因及解决方法。如果问题仍然存在，请检查以上步骤是否正确设置，或者提供更多细节以便进一步排查问题。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值