¿Por qué las palabras en inglés todavía se ajustan a nuevas líneas incluso si word-wrap: break-word; y word-break: keep-all;

word-wrap: break-word; y word-break: keep-all; son dos propiedades CSS diferentes que manejan el ajuste y la división del texto de manera diferente. Cuando aplica ambas propiedades al mismo elemento, pueden entrar en conflicto o no funcionar como se esperaba.

word-wrap: break-word; el atributo se utiliza para especificar si se permite que la palabra se divida para ajustarse cuando una palabra larga o una dirección URL no se pueden mostrar completamente en la línea actual. Cuando se configura en break-word, el navegador intentará romper una línea sin desbordar los límites del contenedor, dividiendo la palabra si es necesario.

word-break: keep-all; El atributo se utiliza para controlar cómo se ajusta el texto. El valor de mantener todo indica que el navegador debe intentar mantener la integridad de las secuencias de caracteres que no sean CJK (chinos, japoneses, coreanos), es decir, no se permiten saltos de línea en secuencias de caracteres que no sean CJK. Esto puede provocar que los saltos de línea en palabras en inglés no funcionen como se esperaba.

Cuando estos dos atributos se aplican al mismo elemento al mismo tiempo, las palabras en inglés pueden dividirse debido a conflictos entre ellos. En este caso, puede intentar eliminar el atributo word-break: keep-all; y conservar solo el atributo word-wrap: break-word; para dividir las palabras en inglés correctamente cuando sea necesario.