Justificar texto em colunas estilo jornal

Cole um texto e escolha o número de colunas para obter instantaneamente uma prévia de diagramação estilo jornal ou revista, com texto justificado e espaçamento ajustável entre as colunas.

Exemplo:
Pré-visualização
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.

Como funciona

A diagramação usa a propriedade CSS column-count, que distribui automaticamente o texto pelo número de colunas escolhido, equilibrando a altura delas. Ajuste o número de colunas e o espaçamento com os controles deslizantes para ver o resultado se atualizar imediatamente na prévia.

Posso aproveitar este resultado no meu próprio site?

O resultado se baseia nas propriedades CSS padrão column-count e column-gap, compatíveis com todos os navegadores modernos: você pode reproduzir essa diagramação no seu site aplicando essas mesmas propriedades CSS a um contêiner de texto, com os valores escolhidos nos controles deslizantes acima.

Por que o texto justificado às vezes exibe grandes espaços entre as palavras?

É um efeito conhecido da justificação em colunas estreitas: quando poucas palavras cabem em uma linha, o navegador precisa esticar mais os espaços para alinhar o texto dos dois lados da coluna. Reduzir o número de colunas ou desativar a justificação limita esse efeito visual.

Processamento 100% local: a diagramação é calculada pelo seu navegador em CSS — seu texto nunca sai do seu dispositivo.