小程序文字自动换行

<!-- 文字 -->
  <view class='list-content'>
    <text class='title'>{{index+1}}.{{item.title}}</text>
    <view class='more'>
      <text class='author'>作者：{{item.author_name}}</text>
      <text class='category'>类型：{{item.category}}</text>
      <text class='timer'>时间：{{item.date}}</text>
    </view>
  </view>
wxss 代码： 

.title{
  width: 100%;
  word-wrap: break-word;
  word-break: break-all;
  white-space: pre-line;
  font-weight: bold;
  margin: 2.5rpx 0.5rpx 2.5rpx 0.5rpx;
  
}