在小程序開發(fā)過程中，經(jīng)常會遇到一些數(shù)據(jù)無法在text中完全展示曹仗，所以會使用到隱藏相關文字榨汤，并在后方加上省略號(...)。那么怎么展示呢怎茫？
方法一：
只需要在對應的text中設置下面的css就可以了收壕。
overflow:hidden;//超出一行文字自動隱藏?
text-overflow:ellipsis;//文字隱藏后添加省略號
white-space:nowrap;//強制不換行
上面的css只能保證單行顯示隱藏，那么你想要2轨蛤，3蜜宪，n行隱藏呢？這個要求其實也是可以通過css做到的俱萍。下面貼出css：
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
white-space: normal !important;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
只要改變其中-webkit-line-clamp的數(shù)字端壳，就可以實現(xiàn)對應的需求了。
方法二：當前你也可以根據(jù)substring來截取枪蘑，截取字符前100,200等等來展示數(shù)據(jù)损谦，在加上+'...'，來達到效果岳颇。
tips：方法二需要變量數(shù)據(jù)源截取照捡，還需要判斷當展示數(shù)據(jù)不足你截取的字符時，忽略截取话侧。不是很建議使用哈~~~
