Текст в колонках по ширине, как в газете

Вставьте текст и выберите число колонок, чтобы мгновенно увидеть макет в стиле газеты или журнала с выравниванием по ширине и регулируемым расстоянием между колонками.

Пример:
Предпросмотр
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.

Как это работает

Вёрстка выполняется с помощью CSS-свойства column-count, которое автоматически распределяет текст по выбранному числу колонок, выравнивая их по высоте. Меняйте число колонок и расстояние ползунками, и результат сразу обновится в области предпросмотра.

Можно ли перенести этот результат на мой сайт?

Результат основан на стандартных CSS-свойствах column-count и column-gap, которые поддерживаются всеми современными браузерами: вы можете воспроизвести такой макет на своём сайте, применив эти же CSS-свойства к текстовому контейнеру со значениями, выбранными на ползунках выше.

Почему в тексте по ширине иногда появляются большие пробелы между словами?

Это известный эффект выравнивания по ширине в узких колонках: когда в строку помещается мало слов, браузеру приходится сильнее растягивать пробелы, чтобы выровнять текст по обоим краям колонки. Уменьшить число колонок или отключить выравнивание по ширине — и эффект станет слабее.

100% локальная обработка: вёрстка рассчитывается вашим браузером средствами CSS — ваш текст никогда не покидает ваше устройство.