文字超出显示省略号

单行

<style>
  .limit {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
  }
</style>

多行,2为两行,可根据需要修改

<style>
  .limit2 {
    display: -webkit-box; 
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical; 
    overflow: hidden;
  }
</style>