單行文本、多行文本顯示省略號...

一、單行文本

　　.s-ellipsis{
  　　width: 200px;
  　　overflow: hidden;
  　　white-space: nowrap;
  　　text-overflow: ellipsis;
　　}

二、多行文本

      1. csss實現，適用於webkit內核瀏覽器、移動端、微信可以，火狐不可以　　　　

　　.m-ellipsis{
  　　width: 200px;
  　　overflow: hidden;
  　　display: -webkit-box;
  　　-webkit-box-orient: vertical;
  　　-webkit-line-clamp: 2;
　　}

　　2. js實現，適用於所有瀏覽器，原理是截取指定字數的文字

　　　　vue項目用於過濾器：

　　　　　　filters: {
　　　　　　　　//處理多行文本...
　　　　　　　　//示例 {{text | ellipsis(35)}} 35為限制字數
　　　　　　　　ellipsis(text,num) {
　　　　　　　　　　if(text.length > num){
　　　　　　　　　　　　　　return text.substring(0, num) + '...';
　　　　　　　　　　　　}else {
　　　　　　　　　　　　　　return text;
　　　　　　　　　　　　}
　　　　　　　　},

　　　　　　}

　　　　jq項目：

　　　　　　// 文字超出顯示...
　　　　　　//示例 ellipsis('.box',86);
　　　　　　function ellipsis(box, num) {
　　　　　　　　　$(box).each(function () {
　　　　　　　　　　　if ($(this).text().length > num) {
　　　　　　　　　　　　　$(this).text($(this).text().substring(0, num) + '…');
　　　　　　　　　　　}
　　　　　　　　　});
　　　　　　}