1. Abreviatura de texto

ellipsis {
    
    
  white-space: nowrap; /*强制内容在一行显示*/
  overflow: hidden; /*超出部分溢出*/
  text-overflow: ellipsis; /*溢出的部分使用省略号*/
}

Dos, espacio en blanco

white-spaceAtributos establecidos dentro del elemento de procesamiento空白

2.1 ¿Qué son los espacios en blanco?

Space(空格)、Enter(回车)、Tab(制表符)

En desarrollo, no importa cuántos espacios y retornos de carro hagamos, los que se muestran en la página se fusionarán en uno.
Cuando nuestro texto exceda una línea, se ajustará automáticamente.

2.2 Valor del atributo

Atributos	Efecto	compatible
normales (predeterminado)	Todos los espacios, retornos de carro y tabulaciones se combinan en un solo espacio y el texto se ajusta automáticamente	IE7\IE6+
ahora rap	Todos los espacios, retornos de carro y tabulaciones se combinan en un solo espacio y el texto no se ajusta	IE7\IE6+
pre	Todo sale como está, el texto no está envuelto	IE7\IE6+
pre-envoltura	Todo sale como está, ajuste de texto	IE8+
línea previa	Todos los espacios y tabulaciones se fusionan en un solo espacio, el retorno de carro permanece sin cambios y el texto se ajusta	IE8+
tu heredas	Heredar elemento padre	IE no es compatible y no se recomienda

tres, desbordamiento

Las propiedades CSS overflowse utilizan para controlar 溢出元素框时la forma en que se muestra el contenido.

valor de atributo

valor	describir
visible	predeterminados. El contenido no se recortará y se representará fuera del cuadro del elemento.
oculto	El contenido se recorta y el resto del contenido es invisible.
Desplazarse	El contenido se recorta, pero el navegador muestra barras de desplazamiento para ver el resto del contenido.
auto	Si se recorta el contenido, el navegador muestra barras de desplazamiento para ver el resto del contenido.
tu heredas	Especifica que el valor del atributo de desbordamiento se debe heredar del elemento principal.

Cuarto, desbordamiento de texto

text-overflowEl atributo especifica que cuando 文本溢出el elemento que lo contiene, debe 如何显示. Puede configurar el desbordamiento, el texto 被剪切o 显示省略号 (...)la visualización 自定义字符串(no compatible con todos los navegadores)

valor de atributo

valor	describir
acortar	Cortar texto.
elipsis	Mostrar puntos suspensivos... para representar texto recortado.
cadena	Use la cadena dada para representar el texto recortado.
inicial	Establecer como propiedad predeterminada.
tu heredas	Hereda el valor del atributo del elemento principal.

css implementa la abreviatura de texto y el procesamiento de omisión de desbordamiento de texto