第二次问:文字不垂直居中,求解决方案
发布于 6 年前 作者 songna 2308 次浏览 来自 问答

第二次问了:文字不垂直居中,各种方法试遍,各种手机居中效果都不太一样,望官方早出解决方案。这是开发当中最痛苦的事情之一

6 回复

加个华为,苹果看似居中  华为怎样都不居中  还有其他安卓机型   也会有偏上或者偏下的问题,去看了别个京东或者其他的小程序   也没有做到居中

我做的时候一直是动态拿到文字长度和高度然后计算位置的,你可以试试看

@狂禅 ̄,你给的方法在荣耀7上没效果啊

效果图呢?

居中这个问题本来在一些Android的烂手机上就有兼容问题,无解!!!

WXML :
<view class='box'>
    <view>以下几种方法在很多种手机上居中的程度都不一样</view>
    <view>
        <view>1、方法一,苹果6偏上未完全居中,荣耀7无效</view>
        <text class='way'>限</text>
    </view>
    <view>
        <view>2、方法二,苹果6完全居中,荣耀7偏上未完全居中</view>
        <view class='way'>限</view>
    </view>
    <view>
        <view>3、方法三,苹果6完全居中,荣耀7无效</view>
        <view class='way'>限</view>
    </view>
</view>
 
WXSS :
.box {
    display: flex;
    font-size: 28rpx;
    flex-direction: column;
}
.box .way {
    background-color: red;
    color: white;
    line-height: 60rpx;
    width: 60rpx;
    display: flex;
    align-items: center;
    justify-content: center;
}

你是要所有文字垂直居中么?还是只要那个限字

回到顶部