问题情景
<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就能将以上的文字调整到中间文章来源：https://www.toymoban.com/news/detail-510244.html
最后
上面在text标签中写了text-align也试图想将他调到中间的，也试图使用padding-left挪过来一点的。或许是我掌握的还不够，就瞎搞了一下，就搞成了。本着能跑就行的原则写出这玩意。
看到这了，就点个赞吧（我在学习别人的文章也会点赞的啊），谢谢！文章来源地址https://www.toymoban.com/news/detail-510244.html
到了这里，关于【微信小程序】解决text标签文字不居中问题的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
