【小程序開發】文本text-overflow屬性的使用

text-overflow原本是CSS3的一個屬性，在微信小程序中也支持。

text-overflow文本溢出顯示省略號~

注：使用text-overflow時，需要設置固定的寬度才起作用，所以該元素必須具有塊狀元素的屬性（款裝元素+行內塊狀元素）

1、一行文本溢出顯示省略號

overflow: hidden;
white-space:nowrap;   
text-overflow: ellipsis; 

2、多行文本的最后一行溢出顯示省略號

display: -webkit-box ;
overflow: hidden; /*隱藏溢出的文本  */
text-overflow: ellipsis;
word-break: break-all;/*自動換行*/
-moz-box-orient: vertical; /*從上到下自動排列子元素*/
-webkit-box-orient: vertical; 
-webkit-line-clamp:2; /*顯示的行數*/