Ajusta texto a un ancho de columna específico con opciones de límite de palabra
El ajuste de palabras controla cómo se divide el texto en líneas cuando supera el ancho disponible. Las propiedades CSS `word-wrap` (estandarizada como `overflow-wrap`) y `word-break` tienen comportamientos distintos que confunden a muchos desarrolladores. `overflow-wrap: break-word` permite dividir en posiciones arbitrarias solo cuando la palabra no cabe — es la opción "segura". `word-break: break-all` divide en cualquier límite de carácter.
Esta herramienta genera el CSS correcto para tus requisitos de ajuste de palabras y muestra vistas previas visuales de cómo diferentes combinaciones afectan la representación del texto.
`overflow-wrap` es el nombre oficial de la propiedad CSS; `word-wrap` es el nombre original no estándar. Son alias — configurar cualquiera establece el mismo comportamiento. El código moderno debe usar `overflow-wrap`.
`break-word` solo divide una palabra cuando toda la palabra no cabe en una línea. `break-all` divide en cualquier posición de carácter. Para la mayoría del contenido, `overflow-wrap: break-word` es preferido.
La propiedad `hyphens: auto` requiere un atributo `lang` en el elemento HTML. `hyphens: manual` solo guioniza donde has colocado `­` o `<wbr>` en el HTML.
`white-space: nowrap` evita todos los saltos de línea. `white-space: pre` preserva los espacios en blanco. `white-space: pre-wrap` preserva los espacios pero ajusta las líneas cuando desbordan.
Generador de contraseñas · Generador de código QR · Cronómetro · Temporizador · Calculadora · Generador de números aleatorios