直接使用flex布局会把图片挤掉，但是强制换行view内文字却不换行

来源：1-4 实战推荐样式开发

Yuujio

2021-07-04 11:23:44

<view class="project">
  <view class="project-tittle">实战推荐</view>
  <view class="project-item">
      <image class="project-item-img" src="https://img2.mukewang.com/szimg/5fb49a98095edbf712000676.png"/>
      <view class="project-item-content">
        <view class="project-item-tittle">
          微信小程序入门与实战常用组件 开发技巧API  项目实战
        </view>
        <view class="project-item-tags">
          <text class="project-item-tags-price">¥198</text>
          <text class="project-item-tags-notice">APP购买立减 ¥3</text>
          <text class="project-item-tags-text">中级</text>
          <view class="project-item-tags-user">
            <image class="project-user-img" src=""></image>
            2316
          </view>
        </view>
      </view>
  </view>
</view>

.project{
  margin-top: 32rpx;
  margin-left: 40rpx;
}
.project-tittle{
  font-size: 28rpx;
  color: #2B333B;
  line-height: 32rpx;
  font-weight: bold;
}
.project-item{
  display: flex;
  flex-wrap: wrap;
  margin-top: 20rpx;
}
.project-item-content{

}
.project-item-img{
  width: 208rpx;
  height: 136rpx;
  border-radius: 12rpx;
}
.project-item-tittle{
  font-weight: bold;
  font-size: 32rpx;
  color: #2B333B;
  line-height: 40rpx;
  white-space: pre-line;
}
.project-item-tags{
  font-size: 24rpx;
}