小程序
小游戏
企业微信
微信支付
扫描小程序码分享
第二次问了：文字不垂直居中，各种方法试遍，各种手机居中效果都不太一样，望官方早出解决方案。这是开发当中最痛苦的事情之一
6 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
加个华为，苹果看似居中 华为怎样都不居中 还有其他安卓机型 也会有偏上或者偏下的问题，去看了别个京东或者其他的小程序 也没有做到居中
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
居中这个问题本来在一些Android的烂手机上就有兼容问题，无解！！！
可能真的是无解
我做的时候一直是动态拿到文字长度和高度然后计算位置的，你可以试试看
请问如何动态计算？
有现成的api呀
这个似乎有些麻烦，而且低一点的版本是没有这个接口
@狂禅￣，你给的方法在荣耀7上没效果啊
效果图呢？
WXML :
<
view
class
=
'box'
>
>以下几种方法在很多种手机上居中的程度都不一样</
>1、方法一,苹果6偏上未完全居中，荣耀7无效</
text
'way'
>限</
</
>2、方法二，苹果6完全居中，荣耀7偏上未完全居中</
>3、方法三，苹果6完全居中，荣耀7无效</
WXSS :
.box {
display: flex;
font-size: 28rpx;
flex-direction: column;
}
.box .way {
background-color: red;
color: white;
line-height: 60rpx;
width: 60rpx;
align-items: center;
justify-content: center;
你是要所有文字垂直居中么？还是只要那个限字
关注后，可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
加个华为，苹果看似居中 华为怎样都不居中 还有其他安卓机型 也会有偏上或者偏下的问题，去看了别个京东或者其他的小程序 也没有做到居中
居中这个问题本来在一些Android的烂手机上就有兼容问题，无解！！！
可能真的是无解
我做的时候一直是动态拿到文字长度和高度然后计算位置的，你可以试试看
请问如何动态计算？
这个似乎有些麻烦，而且低一点的版本是没有这个接口
@狂禅￣，你给的方法在荣耀7上没效果啊
效果图呢？
WXML :<viewclass='box'><view>以下几种方法在很多种手机上居中的程度都不一样</view><view><view>1、方法一,苹果6偏上未完全居中，荣耀7无效</view><textclass='way'>限</text></view><view><view>2、方法二，苹果6完全居中，荣耀7偏上未完全居中</view><viewclass='way'>限</view></view><view><view>3、方法三，苹果6完全居中，荣耀7无效</view><viewclass='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;}你是要所有文字垂直居中么？还是只要那个限字