【微信小程序】解决text标签文字不居中问题

问题情景

<view class="OuterFrame">
  <view class="InnerFrame">
    <view class="smbox" wx:for="{{box}}" wx:key="index">
      <t-icon name="{{icons[index]}}" size="64rpx"></t-icon>
      <text>{{item.t}}</text>
    </view>
  </view>
</view>

.smbox{
  /* border: 1px solid #000; */
  width: 90rpx;
  height: 150rpx;
  overflow: hidden;
  padding-left: 50rpx;
  background-color: rgb(255, 255, 255);
  text-align: center;
  padding: 50rpx;
  border-radius: 30rpx;
  margin: 20rpx;
  display: inline-block;
}

我在text标签上的view父标签中写了smbox样式，也就是说text标签会继承text-align这个属性

但是Python啊Django啊三个字以上的文字要不就是超出格子，要不就掉到下一行了。怎么看都不舒服。

解：

在text标签中添加margin:-150rpx就能将以上的文字调整到中间

最后

上面在text标签中写了text-align也试图想将他调到中间的，也试图使用padding-left挪过来一点的。或许是我掌握的还不够，就瞎搞了一下，就搞成了。本着能跑就行的原则写出这玩意。
看到这了，就点个赞吧（我在学习别人的文章也会点赞的啊），谢谢！