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

一、單行文本

　　.box { width: 200px;

　　　　  overflow: hidden;

　　　　  text-overflow:ellipsis;

　　　　  white-space: nowrap;

　　　  }

二、多行文本

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

　　　　.box {

　　　　　　 width: 200px;

　　　　　　 display: -webkit-box;
　　　　　　 -webkit-box-orient: vertical;
　　　　　　 -webkit-line-clamp: 2;
　　　　　　 overflow: hidden;

　　　        }

　　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) + '…');
　　　　　　　　　　　}
　　　　　　　　　});
　　　　　　}