最近在做微信小程序的時候，遇到了顯示指定行數並且顯示省略號的問題，做個記錄：

css的樣式是：

overflow:hidden; //超出的文本隱藏

//省略號樣式,

// text-overflow參數值和解釋：
//clip : 　不顯示省略標記（...），而是簡單的裁切
//ellipsis : 　當對象內文本溢出時顯示省略標記（...）

text-overflow:ellipsis; //溢出用省略號顯示

white-space:nowrap; //溢出不換行

但是如果是多行好像並沒有省略號效果，後面加上css3一些樣式就好了，並且不用設置行高：

display:-webkit-box; //將對象作為彈性伸縮盒子模型顯示。

-webkit-box-orient:vertical; //從上到下垂直排列子元素（設置伸縮盒子的子元素排列方式）

-webkit-line-clamp:2; //這個屬性不是css的規範屬性，需要組合上面兩個屬性，表示顯示的行數。

最後樣式如下

css文本超過指定行數隱藏顯示省略號