對於文字內容，單行或者多行溢位，顯示省略號，一般有兩種操作方式

• Javascript截斷操作
• Css溢位操作

截斷操作

let str = '23048930jsldfjklsdfsdf';
str.length > 6 ? str.substr(0,6) + '...' : str;

Css操作

單行溢位

	// 溢位必須要設定寬度，然後設定超出部分隱藏，用省略號代替，不換行
    width: 60px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;

多行溢位

	// 設定寬度，然後超出部分隱藏，設定行數
	width: 120px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    // clamp屬性並不是css的標準屬性
    -webkit-line-clamp: 3;
    overflow: hidden;