第二次问：文字不垂直居中，求解决方案 - WXOPEN Club

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

6 回复

xiuyingwu1 楼6 年前

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

napan2 楼6 年前

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

clong3 楼6 年前

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

qiangtang4 楼6 年前

效果图呢？

yang545 楼6 年前

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

oshao6 楼5 年前

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>

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;

}

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