我的代码：

<view class=“keyboard”>

<text wx:for="{{[‘1’,‘2’,‘3’,‘4’,‘5’,‘6’,‘7’,‘8’,‘9’,’ ',‘0’,‘撤退’]}}" class=“kb-box center”>{{item}}</text>

</view>

.keyboard{

margin-top:40rpx;

width:100%;

}

.kb-box{

display: inline-flex;

width:33.1%;

height:100rpx;

border-top:1px solid #D6DAE1;

}

.kb-box:nth-child(3n+2){

border-left:1px solid #D6DAE1;

border-right:1px solid #D6DAE1;

}

效果是这样的：

注意最左下角的text，莫名其妙下沉了一点，如果在里面输入内容的话（比如：wx:for="{{[‘1’,‘2’,‘3’,‘4’,‘5’,‘6’,‘7’,‘8’,‘9’,’* ',‘0’,‘撤退’]}}"），就可以对齐，但是现在需求不允许输入内容，怎么解决？