El problema de que las palabras se cortan cuando el texto enriquecido de Vue en inglés se ajusta

Problema: las palabras se cortan cuando se ajusta el texto en inglés
inserte la descripción de la imagen aquí
Solución:

.koolcar_text {
    
    
  white-space: pre-wrap;
  word-break: break-word;
}
  1. El estilo white-space: pre-wrappuede garantizar que el texto se emita tal como está (una cuarta parte del espacio está ocupada)
  2. El estilo word-break: break-wordpuede evitar que el texto exceda el límite (break-word no cortará la palabra, break-all cortará la palabra independientemente de la integridad de la palabra)

Efecto optimizado:
inserte la descripción de la imagen aquí

Supongo que te gusta

Origin blog.csdn.net/Jackson_Wen/article/details/128148484
Recomendado
Clasificación