解决uniapp view 容器 不自动换行

<template>
  <view>
      <view class="word_wrap">{{ item.comment }}</view>
  </view>
</template>
<style lang="scss" scoped>
  .word_wrap {
     //  不识别单词一行显示不下默认换行
      word-break:break-all;



      //  识别单词 不会造成单词断开换行
      word-wrap:break-word;


      //隐藏文字显示 ...不换行
       overflow:hidden;
       text-overflow:ellipsis;
       white-space:nowrap;
       width:100%;


      //隐藏文字显示 ...换行
       overflow:hidden;
       text-overflow: ellipsis;
        -webkit-line-clamp: 2;//在第几行显示...
        display: -webkit-box;
        -webkit-box-orient: vertical;
        width:100%;
  }
<style>