css一行平均分成几列 |css多行文字溢出隐藏

.box {
column-count: 3;
}

在上面的代码中，.box 为需要分列的元素，column-count 属性的值为 3，表示将一行内容分为 3 列。你可以根据页面需要来调整列数。

需要注意的是，column-count 属性只能用于块级元素，如 div 或者 p 标签等。如果要将行内元素分列，需要先将其转为块级元素，如：

.inline {
display: inline-block;
column-count: 2;
}

在上面的代码中，.inline 为需要分列的行内元素，需要添加 display: inline-block; 将其转化为块级元素，然后再使用 column-count 属性将其分为 2 列。

除了 column-count 属性外，还可以使用 column-gap 属性来设置列与列之间的间距，如：

.box {
column-count: 3;
column-gap: 20px;
}

上面的代码中，column-gap 属性的值为 20px，表示将每一列之间的间距设置为 20px。同样的，你也可以根据需要来调整间距大小。

最后需要说明的是，column-count 和 column-gap 属性都是 CSS3 新增的属性，不是所有的浏览器都支持，因此需要考虑兼容性问题。可以使用浏览器前缀来增加兼容性，如：

.box {
-webkit-column-count: 3; /* Safari 和 Chrome */
-moz-column-count: 3; /* Firefox */
column-count: 3;
}

上面的代码中，添加了 -webkit-column-count 和 -moz-column-count 属性，分别对应 Safari 和 Chrome 以及 Firefox 浏览器，来增加浏览器兼容性。