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

android使用line-height实现垂直居中,有偏移

时间:2023-04-04 22:55:16 HTML5

问题描述通常单行文字垂直居中,习惯上使用line-height:@heigtht来解决这个方法。在浏览器和IOS没有问题,但是在Android,浏览器和IOS会有轻微的向上偏移Android如何解决1.解决div{width:3rem;//行高:0.8rem;高度:0.8rem;font-size:0.28通过组合line-height+paddingrem;行高:0.24rem;padding:0.28rem0;}2.flexlayoutdiv{width:3rem;高度:0.8rem;字体大小:0.28rem;显示:弹性;对齐项目:居中;justify-content:center;}3.可以先将font-size等原有属性加倍,然后用scale缩小一次(此方法需要注意当加倍后的高度或宽度超过最大宽度或设置body的高度,scale缩放还是按照2倍尺寸的位置缩放,所以会有位置偏移)。content{width:6rem;高度:1.6rem;行高:1.6rem;字体大小:0.56rem;变换:缩放(0.5);transform-origin:0%0%;}4.包裹一层table(不推荐)5.实现垂直居中的方法有很多种...