我的代码：
<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','撤退']}}"），就可以对齐，但是现在需求不允许输入内容，怎么解决？
加个*可以？你可以考虑把左下角的这个元素设置成透明，或者把文字设置为透明，或者font-size 设置为0
加了个不知道什么的空白字符 已经解决了
可以尝试这样修改：
.keyword {display: flex;flex-wrap: wrap;margin-top:40rpx;width:100%;}.kb-box{width:33.3%;height:100rpx;box-sizing: border-box;border-top:1pxsolid#D6DAE1;}.kb-box:nth-child(3n+2){border-left:1pxsolid#D6DAE1;border-right:1pxsolid#D6DAE1;}