小程序想在view中写几个不同的text,然后发现不能很好的换行,我开始的代码是这样的
<view>
<text style="font-size:50rpx;">one</text>
<text style="font-size:40rpx;">two</text>
<text style="font-size:30rpx;">three</text>
</view>
然后结果很不满意,它并没有直接换行
后面发现需要在view中定义一个class就可以解决问题,需要设置的是dispaly=flex;修改后的代码如下:
<view class="tview">
<text style="font-size:50rpx;">one</text>
<text style="font-size:40rpx;">two</text>
<text style="font-size:30rpx;">three</text>
</view>
wxss文件中的代码
.tview{
display: flex;
flex-direction: column;
}
这样结果就非常满意了: