Justificar texto en columnas estilo periódico

Pegue un texto y elija el número de columnas para obtener al instante una vista previa de maquetación estilo periódico o revista, con texto justificado y espaciado ajustable entre las columnas.

Ejemplo:
Vista previa
La mise en page en colonnes multiples est une technique de composition typographique héritée de la presse écrite. Elle permet de répartir un long texte sur plusieurs bandes verticales plutôt que sur une seule ligne de lecture très large, ce qui réduit la longueur des lignes et facilite la lecture. Ce principe reste utilisé aujourd'hui dans les journaux, les magazines et certaines mises en page web pour donner un aspect dense et structuré à un article, tout en gardant chaque ligne de texte à une longueur confortable pour l'œil.

Cómo funciona

La maquetación se realiza con la propiedad CSS column-count, que reparte automáticamente el texto en el número de columnas elegido, equilibrando su altura. Ajuste el número de columnas y el espaciado con los controles deslizantes para ver cómo se actualiza al instante el resultado en la vista previa.

¿Puedo aprovechar este resultado en mi propio sitio web?

El resultado se basa en las propiedades CSS estándar column-count y column-gap, compatibles con todos los navegadores modernos: puede reproducir esta maquetación en su sitio aplicando esas mismas propiedades CSS a un contenedor de texto, con los valores elegidos en los controles deslizantes de arriba.

¿Por qué el texto justificado muestra a veces grandes espacios entre las palabras?

Es un efecto conocido de la justificación en columnas estrechas: cuando caben pocas palabras en una línea, el navegador tiene que estirar más los espacios para alinear el texto a ambos lados de la columna. Reducir el número de columnas o desactivar la justificación limita este efecto visual.

Procesamiento 100% local: su navegador calcula la maquetación con CSS; su texto nunca sale de su dispositivo.