将文本排成报纸式两端对齐分栏
粘贴文本并选择栏数,即可立即预览报纸或杂志式的排版效果,文字两端对齐,栏间距可调。
预览
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 计算——您的文本不会离开您的设备。