un-app - 單行文字和多行文字溢位隱藏顯示...（超出容器最大寬度不換行）

王佳斌發表於2020-12-24
APP

前言

如下圖所示，可控制單行或多行溢位處理。
在這裡插入圖片描述

實現

給容器加入以下 css 程式碼：

.text{
	display: -webkit-box; /*彈性伸縮盒子模型顯示*/
	-webkit-box-orient: vertical; /*排列方式*/ 
	-webkit-line-clamp: 1; /*顯示文字行數(這裡控制多少行隱藏)*/
	overflow: hidden; /*溢位隱藏*/
}

相關文章