微信小程序 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%;
}