UTILS.
100% 浏览器内运行

CSS 多列布局

生成带分隔线的 CSS 多列文本布局。

关于此工具

在浏览器中通过设置列数、间距和可选的分隔线来构建 CSS 多列文本布局,并提供实时示例预览和可复制的 CSS。

常见问题

column-count 有什么作用?
它会把元素内容分成相应数量的均衡列,让文本像报纸一样从一列流向下一列。
column-rule 是什么?
它会在列与列之间绘制一条分隔线,可设置自己的宽度、样式和颜色,与 CSS 边框十分相似。

更多工具