【uniapp】文本控件多余文字省略號代替

多余文字使用省略號效果

代碼

.l-dd-content{
		width: 100%;
		color: #8b8b8b;
		display: -webkit-box; /** 對象作為伸縮盒子模型顯示 **/
		overflow: hidden;
		word-break: break-all;  /* break-all(允許在單詞內換行。) https://www.w3school.com.cn/cssref/pr_word-break.asp*/
		text-overflow: ellipsis;  /* 超出部分省略號 */
		-webkit-box-orient: vertical; /** 設置或檢索伸縮盒對象的子元素的排列方式 **/
		-webkit-line-clamp: 2; /** 顯示的行數 **/
	}