Definición de .word-break en CSS
La propiedad .word-break en CSS se puede usar para cambiar cuando se deben ocurrir las rupturas de línea. Normalmente, las roturas de línea en el texto solo pueden ocurrir en ciertos espacios, como cuando hay un espacio o un guión.
Caso de empleo de word-break
Si quieres utilizar esta propiedad de CSS en tu hoja de estilos, hazlo de esta forma:
.element {
word-break: break-all;
}Otro ejemplo más avanzado de .word-break es el siguiente de CODEPEN:
Sintaxis de .word-break en CSS
word-break: normal|break-all|keep-all|break-word|initial|inherit;Exploradores compatibles con .word-break
Los números de la tabla especifican la primera versión del navegador que es plenamente compatible con la propiedad.
Los números seguidos de -webkit- especifican la primera versión que funcionó con un prefijo.
| Property | Chrome | Internet Explorer / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| word-spacing | 1.0 | 6.0 | 1.0 | 1.0 | 3.5 |
