可以使用 CSS 的 column 属性来设置多列文本的布局方式。其中,column-count 属性用于设置列数,column-width 属性用于设置列宽。
例如,要将一个 div 元素设置为三列布局,每列宽度为 200 像素,可以使用以下代码:
div {
column-count: 3;
column-width: 200px;
}
另外,还可以使用 column-gap 属性来设置列之间的间距,如:
div {
column-count: 3;
column-width: 200px;
column-gap: 20px;
}
此外,还可以使用 column-rule 属性来设置列之间的分隔线,如:
div {
column-count: 3;
column-width: 200px;
column-rule: 1px solid #ccc;
}
其中,1px 为分隔线的宽度,solid 表示实线,#ccc 为分隔线的颜色。