Ocultación de desbordamiento de texto de una sola línea:
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
Nota: desbordamiento: oculto; él mismo actúa sobre elementos a nivel de bloque. Si el elemento que envuelve el texto es un elemento en línea, el desbordamiento no tendrá efecto, porque el elemento en línea es compatible con elementos secundarios y no tiene la capacidad de cortar el elemento. Por lo tanto, agregue display: block para convertir los elementos en línea en elementos a nivel de bloque.
display: block; /* 如果是行内元素要转换成块级元素 */
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
Ocultación de desbordamiento de texto de varias líneas
display: -webkit-box;
-webkit-box-orient: vertical; /* 设置对齐模式 */
-webkit-line-clamp: 3; /* 设置显示行数 */
overflow: hidden;
text-overflow: ellipsis;
El texto de varias líneas debe aprovechar los atributos únicos del kernel de webkit.
Establecer el modo de alineación: más referencia de modo -> tutorial para novatos