当前位置: 首页 > Web前端 > HTML5

前端常见问题-Android文字不能垂直居中

时间:2023-04-05 13:41:14 HTML5

Android文字不能垂直居中问题Androidwebview的字体大小小于12像素时,不能使用行高垂直居中ps:目前,这个微信等应用存在该问题,但在最新的手机Chrome浏览器上不存在该问题(截至本文撰写时,微信客户端chrome版本为57,chrome版本为70)。尝试解决方案表格布局:文本在顶部-align:middle;">hotpopular

flexlayout:textontop热门
transformscaling:文字居中,但transform无法恢复上元素占用区域的大小domhotpopular
zoomzoom:Textontophotpopular
fixed高度+内边距+行高设置为字号:文字在最上面热门<;/div>固定高度+padding+行高设置为正常:文字在最上面hotpopularpadding+lineheight设置为normal:文字居中,但部分客户端不居中hotpopular设置行高+字号toinitial:文本居中,而不是在最新的Chrome中居中hotPopular解决方法在不同的Android客户端上测试以上方法,发现以下三种方法可能有助于解决居中问题。我们可以根据实际客户支持情况选择其中一种。解决无法居中的问题变换缩放hot流行的padding+rowheight设置为normal火爆行高+字号设置为initialhotpopular参考Android浏览器文字垂直居中问题解决Android浏览器line-height垂直居中偏差问题mobileandroidline-height不完美居中的问题解决了移动网页上小于12px的文本居中问题