android 文字垂直居中,前端常见问题——安卓文本无法垂直居中

安卓文本无法垂直居中的问题

问题

安卓 webview 的字体大小在小于 12 像素的时候无法使用行高来垂直居中

ps：目前在微信等应用都存在该问题，而在最新的移动端 Chrome 浏览器上无该问题(截止本文编写时间，微信客户端的 chrome 版本为 57，chrome 版本为 70)。

尝试方案

table 布局：文本偏上

hot 热门

flex 布局：文本偏上

hot 热门

transform 缩放：文本居中了，但是 transform 不能还原元素在 dom 上的占用区域大小

hot 热门

zoom 缩放：文本偏上

hot 热门

固定高度+内边距+行高设定为字体大小：文本偏上

hot 热门

固定高度+内边距+行高设为 normal：文本偏上

hot 热门

内边距+行高设为 normal：文本居中，但在部分客户端上不居中

hot 热门

行高+字体大小设为 initial：文本居中，在最新的 Chrome 浏览器上不居中

hot 热门

解决方案

在不同的安卓客户端上测试上述方法发现以下三个方法或许可以帮助解决居中问题，我们可以根据实际客户端的支持情况来选择其中一种方式来解决无法居中问题。

transform 缩放

hot 热门

内边距+行高设为 normal

hot 热门

行高+字体大小设为 initial

hot 热门

参考文献

android 文字垂直居中,前端常见问题——安卓文本无法垂直居中相关推荐

android spannable 设置字体颜色,安卓文本样式-Spannable的使用
本文转载自 lixin84915的博客 Android文本样式原文分为上下两部分,本文将上下整理成了一篇文章. 在android中,有时候需要对文本进行各种特别的设置,比如颜色.大小.首行缩进, ...
web前端技巧-文本如何垂直居中？多行文本如何实现上下居中？
做前端开发的同学肯定对文本居中不陌生,但一般我们说的都是水平居中也就是左右居中,那么你想过没有如何实现垂直居中也就是上下居中吗?今天小千就来给大家介绍一下. 单行文字垂直居中-行高等于高度值上面的方 ...
android 文字选中朗读,Android开发之文本内容自动朗读功能实现方法
本文实例讲述了Android开发之文本内容自动朗读功能实现方法.分享给大家供大家参考,具体如下: Android提供了自动朗读支持.自动朗读支持可以对指定文本内容进行朗读,从而发生声音:不仅如此,An ...
Android 开发 -- 开发第一个安卓程序、Android UI开发（布局的创建：相对布局和线性布局、控件单位：px pt dp sp、常用控件、常见对话框、ListView）
文章目录 1. 开发第一个Hello World程序 1.1 开发程序 1.2 认识程序中的文件 1.3 Android程序结构 1.4 安卓程序打包 2. Android UI开发 2.1 布局的创 ...
android drawtext 方法,Android 文字绘制(DrawText)技术总结
这里的绘制文字不是直接调用TextView.setText(String content)去展示文字内容.而是在View上面通过 canvas.drawText(text, x, y,textPain ...
html单行文本垂直居中对齐,关于使用line-height单行文本的垂直居中问题
在前端开发中经常用line-height定义行高和单行文本的垂直居中,当然偶尔也配合的做其他的垂直居中. 先来看看基本的语法和属性值: 语法: line-height : normal | numbe ...
vue获取编辑器纯文字_vue中使用富文本编辑器
前端使用富文本编辑器的插件有很多,今天献上wangeditor的使用教程,教你如何在vue中使用富文本编辑器 wangeditor是一个萌新富文本编辑器,基于js和css,重点在于它轻量,如果你需要的 ...
Android 文字测量
Android 文字测量获取文字长度: 方式1,只获取文字绘制的长度 var textValue = "待测量文字" var txtLength = mPaint.measure ...
CSS02_设置盒子水平+垂直居中设置文本水平+垂直居中
写在前面:此贴为CSS高频题,针对盒子模型的水平+垂直居中,还提到了其内部文字的居中,如有补充,请留下评论 HTML代码结构: <body><div class="box- ...

android 文字垂直居中,前端常见问题——安卓文本无法垂直居中

android 文字垂直居中,前端常见问题——安卓文本无法垂直居中相关推荐

最新文章

热门文章