CSS 超出部分显示省略号

<h2 class="app">{$vo.title}</h2>
<style>
    .app {
             width: 80%;
             white-space: nowrap;
             overflow: hidden;
             text-overflow: ellipsis;
          }
</style>

实战效果