Descripción
La propiedad overflow-wrap en CSS especifica cómo debe dividirse una línea que de otro modo sería demasiado larga para caber en su contenedor. Es muy útil para prevenir el desbordamiento de contenido.
Sintaxis
overflow-wrap : normal | break-word | anywhere
Valores
La propiedad overflow-wrap puede tomar uno de los siguientes tres valores:
- normal: Este es el valor predeterminado. No permite que las palabras se rompan a menos que haya espacios disponibles.
- break-word: Permite que las palabras se rompan para evitar el desbordamiento.
- anywhere: Similar a ‘break-word’, pero con la diferencia de que puede romper palabras en cualquier punto, incluso si ello resulta en la creación de espacios no utilizados.
Ejemplo
p {
overflow-wrap: break-word;
}
En este ejemplo, el texto dentro del elemento <p> se romperá para evitar el desbordamiento.
