El texto de una sola línea y el texto de varias líneas de Uni-app se ocultan cuando se desbordan y las elipses se muestran en la parte de desbordamiento.
Estilo de una sola línea:
Estilo de varias líneas: uso dos líneas en mi proyecto, el efecto es el siguiente
-webkit-line-clamp se utiliza para limitar el número de líneas de texto que se mostrarán en un elemento de bloque. Para lograr este efecto, es necesario combinarlo con otras propiedades de WebKit.
Propiedades comúnmente combinadas:
-display: -webkit-box; debe combinarse para mostrar el objeto como un modelo de caja flexible.
-webkit-box-orient debe combinarse con el atributo para establecer o recuperar la disposición de los subelementos del objeto flex box. Puede obtener información sobre el atributo CSS3 box-orient
.text-overflow: puntos suspensivos; se puede usar en el caso de texto de varias líneas, usando los puntos suspensivos "..." para ocultar el texto más allá del rango.