文字超過必定長度後省略號處理總結

1.文字在一行以內：

容器設置以下css樣式

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

2.文字在兩行以內：

容器設置以下css樣式

text-overflow:ellipsis;
display:-webkit-box; 
/* autoprefixer: off */
-webkit-box-orient:vertical;
/* autoprefixer: on */
-webkit-line-clamp:2; 

這裏要注意，容器不能設置高度，而且，webpack不能編譯-webkit-box-orient: vertical;這個屬性，解決方法如上述代碼。參考文檔