微信小程序 view 中 文本换行居中实现

      <view class="box">  
        <!-- box 中装所有右面的东西  -->
        <view class="inner_box"> 
          <!-- 一个inner_box 是一个大类  -->
          <view class="label">历年真题高频词背诵<view class="lf_line"></view><view class="rt_line"></view> </view>
          <view class="item_box" >
            <!-- 一个item_box 中最多放两个  -->
            <view class="item"><view>100个句子搞定考研单词</view></view>
            <view class="space"></view>
            <!-- space为中间隔层 不能少 -->
            <view class="item"><view>100个句子搞定考研单词</view></view>
          </view>

          <view class="item_box" >
            <!-- 一个item_box 中最多放两个  -->
            <view class="item"><view>100个句子</view></view>
            <view class="space"></view>
            <!-- space为中间隔层 不能少 -->
            <view class="item"><view>考研单词</view></view>
          </view>

        </view>


      </view>

.box .item_box{
  display: flex;
  margin: 20rpx 0;

}
.box .item_box .item{
  width: 45%;
  height: 100rpx;
  /* background-color: #FAFAFA; */
  background-color: red;
  display: flex;
  /* 下面两行保证 里面的句子 居中 重要！！！ */
  justify-content: center;
  align-items: center;
}
.box .item_box .item view{
  text-align: center;
}
.box .item_box .space{
  width: 10%;
}