Justifier du texte en colonnes façon journal

Collez un texte et choisissez le nombre de colonnes pour obtenir instantanément un aperçu de mise en page façon journal ou magazine, avec texte justifié et espacement ajustable entre les colonnes.

Exemple :
Aperçu
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.

Comment ça marche

La mise en page se fait avec la propriété CSS column-count, qui répartit automatiquement le texte sur le nombre de colonnes choisi, en équilibrant leur hauteur. Ajustez le nombre de colonnes et l'espacement avec les curseurs pour voir le rendu se mettre à jour immédiatement dans l'aperçu.

Puis-je récupérer ce rendu pour l'utiliser sur mon propre site ?

Le rendu s'appuie sur les propriétés CSS standards column-count et column-gap, supportées par tous les navigateurs modernes : vous pouvez reproduire cette mise en page sur votre site en appliquant ces mêmes propriétés CSS à un conteneur de texte, avec les valeurs choisies dans les curseurs ci-dessus.

Pourquoi le texte justifié affiche-t-il parfois de grands espaces entre les mots ?

C'est un effet connu de la justification sur des colonnes étroites : quand peu de mots tiennent sur une ligne, le navigateur doit étirer davantage les espaces pour aligner le texte des deux côtés de la colonne. Réduire le nombre de colonnes ou désactiver la justification limite cet effet visuel.

Traitement 100% local : la mise en page est calculée par votre navigateur en CSS — votre texte ne quitte jamais votre appareil.