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

最新推荐文章于 2023-01-09 10:26:12 发布
最新推荐文章于 2023-01-09 10:26:12 发布
阅读量357 收藏
点赞数
文章标签： 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 热门

1460000012297876

1460000017088171?w=150&h=150

bVbjRCs?w=1080&h=2457

解决方案

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

transform 缩放

hot 热门

内边距+行高设为 normal

hot 热门

行高+字体大小设为 initial

hot 热门

参考文献

weixin_39897015
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
单行图片文字垂直居中问题——实战
12-08
使用表格的方法来表现设计效果 <style type="text/css"> <!– body{ font-size:12px; font-family:"宋体"; } table{ border:1px solid #E6EFF8; margin-bottom:2px; } td{ height:23px; line-height:23px; padding:0 3px; } .name{ fo
android textview 文字居中无效,android – 不能垂直居中textview的文本
weixin_27210125的博客
05-27 3173
[已解决]我不得不向ScrollView添加android：fillViewport =“true”,修复了文本没有垂直居中的问题.我知道之前已经多次回答,但我仍然无法垂直居中查看textview的文本.xmlns:android="http://schemas.android.com/apk/res/android"android:id="@+id/scrollView"android:layo...
Android进阶(二十二)设置TextView文字水平垂直居中
热门推荐
IT全栈 华强工作室
06-30 7万+
设置TextView文字水平垂直居中 有2种方法可以设置TextView文字居中： 一：在xml文件设置：android:gravity="center" 二：在程序中设置：m_TxtTitle.setGravity(Gravity.CENTER); 备注：android:gravity和android:layout_gravity的区别在于前者对控件内部操
TextView文字无法垂直居中问题
逆流的鱼的专栏
01-11 3079
在开发中遇到了TextView的文字无法垂直居中问题：把字体放小，可以居中；可当把字体设成比较大时就靠下显示了，无法垂直居中。为这纠结了很久，目前猜测是TextView在top位置有一定Baseline原因。有时间得看看TextView的源码。
Android应用借助LinearLayout实现垂直水平居中布局
01-05
首先说的是LinearLayout...若垂直居中，则在高度上占全屏） <LinearLayout android:layout_width=fill_parent android:layout_height=fill_parent android:gravity=center|center_horizontal|center_vertical> //
表单元素和文字垂直居中对齐问题解决整理
09-25
为了使表单元素和文字都垂直居中对齐，当文本框和下拉框都没问题，但是单选框和复选框就了，经过反复测试终于完整搞定与大家分享，感兴趣的各位可不要错过了哈
关于多行文字水平垂直居中的一点心得分享
01-21
前些天在W3CPlus看到了一篇文章，提到用CSS制作水平垂直居中，在测试其中的第六点时发现了一些小问题： 添加了一个无意义的新标签 复制代码代码如下: ”extra”> 当设定内容宽度的时候，文本换行了 对于第一点，...
textView代码设置文字居中失效 textView设置文字居中两种方法
weixin_30562507的博客
10-14 384
1.TextView的高度占据整个父控件的高度，然后设置TextView的Grayvity Center就可以了。 2.如果第一个方法不行，那么，textView的高度设置为warp_content,然后设置父布局为CENTER_VERTICAL 代码： LinearLayout.LayoutParams params = ne...
Android文字竖直排版TextViewVertical（可横向滚动）(转)
08-06
NULL 博文链接：https://hz-chenwenbiao-91.iteye.com/blog/2089851
Android中TextView居中显示无效的原因和解决方案。
bendan50的博客
09-11 7986
今天在写代码的时候，出现一个Bug，最后解决了，现在记录下。 自定义了一个布局控件，用于PopupWindow提示邮箱类型，结果显示的邮箱类型无法居中，刚开始的效果如图所示： 上面所贴图片没有经过处理，其中“@126.com”的文字在白色背景中没有居中。注：白色背景为TextView的背景色。下面贴下当前实现的代码： package com.migu.crsh.test.all.crs...
如何在 TextView 中水平和垂直居中文本？
kalman2019的博客
01-09 7107
如何将文本在 TextView 中水平和垂直居中，使其恰好出现在 Android 中的 TextView 中间？
android html文字垂直居中,Android 浏览器文本垂直居中问题
weixin_39843782的博客
05-26 326
本文作者：IMWeb ShiJianwen未经同意，禁止转载问题描述在开发中，我们常使用 line-height 属性来实现文本的垂直居中，但是在安卓浏览器渲染中有一个常见的问题，就是对于小于12px的字体使用 line-height 属性进行垂直居中的时候，渲染出来的效果并不是文字垂直居中，而是会偏上一些。举两个代码示例如下：1. 大于12pxhtmltesttesttestcssspan {d...
Android中TextView实现竖直单列文本显示
Blue_Tong的博客
03-09 5224
android绘制单列文本
android自定义控件 垂直文本
weixin_33694172的博客
07-01 106
package com.example.android8;import java.util.Date;import android.content.Context;import android.content.res.TypedArray;import android.graphics.Canvas;import android.graphics.Color;import a...
android中WebView加载网页居中显示
gao_chun
07-11 1万+
方式一： WebSettings mWebSettings = webView.getSettings(); mWebSettings.setLayoutAlgorithm(LayoutAlgorithm.SINGLE_COLUMN);
css中元素居中总结
FengziTianYu的专栏
09-18 311
很多时候，我们需要让元素居中显示：1. 一段文本的水平居中，2. 一张图片的水平居中，3. 一个块级元素的水平居中；4. 单行文本的竖直居中，5. 不确定高度的一段文本竖直居中，6. 确定高度的块级元素竖直居中等等。现在分别对其进行总结下(这篇文章也在 imooc 里发表过手记，可是因为板式的原因不太容易读懂。)： 更新(20181115)： 让元素水平垂直居中，也可以使用让元素显示为单元格，让单元格原本的垂直居中发挥作用： <div class="parent"> <div
android studio垂直居中
最新发布
11-17
1.使用android:gravity属性将文本内容垂直居中 ```xml android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Hello World!" android:gravity="center_vertical"/> ``` 2....

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值