CSS. Cómo evitar que las palabras se corten en el salto de línea.

Hoy bajé un diseño gratuito de WordPress para mi revista literaria Cantera y me encontré con un pequeño error. Las palabras de los títulos se cortaban mal por los saltos de línea. Visualmente, debo decirlo, queda muy desagradable.

Para arreglar eso sólo bastó con un pequeño cambio en la hoja de estilo o CSS. Se trata de la propiedad “word-break” la cual te permite decidir si forzar el salto de línea cortando una palabra o no. Sólo funciona para alfabetos no CJK (Chinese, Japanese, Korean).

Las propiedades de Word-Break son:

normal. Valor por defecto. Permite el salto de línea de acuerdo a las reglas usuales del idioma.
break-all. El salto de línea puede darse entre cualquier par de letras.
keep-all. Los saltos de línea están prohibidos entre cualquier par de letras. Se conservan a la fuerza.

Yo cambié el “break-all” por “normal”, y el problema fue arreglado.

Ahora se ve mucho mejor.

Más info sobre esta propiedad: W3

One clap, two clap, three clap, forty?

By clapping more or less, you can signal to us which stories really stand out.