Javascript 从一个列表中选择多个列（<；ul>；，CSS和一些JS

看看我的HTML代码（假设我有100个这样的链接）：

此URL有类似的解释：但是它会导致链接的不同定位，而不是向下列出，而是向右列出，因此链接最终看起来像这样：

Link1  Link2  Link3  Link4  Link5
Link6  Link7  Link8  Link9  Link10

我并没有在网站上使用任何JavaScript框架，所以我只希望使用CSS和一些独立于框架的JavaScript来完成这项工作。 有什么解决方案吗？

列计数

属性
要获得您想要的效果，您可以使用：

column count CSS属性描述
元素

是描述理想数的严格正整数
元素内容将流入其中的列的数目。如果
列宽也设置为非自动值，它仅表示
允许的最大列数

列的显示方式是高度可定制的，您还可以使用以下配置列属性：
列宽
，
列间距
，
列规则
，
列规则宽度
，
列规则样式
，
列规则颜色
，
列填充
，
列
（见上面链接的MDN文章）

演示

ul{
-webkit列数：5；
列数：5；
}





















列计数
属性
要获得您想要的效果，您可以使用：

column count CSS属性描述
元素

是描述理想数的严格正整数
元素内容将流入其中的列的数目。如果
列宽也设置为非自动值，它仅表示
允许的最大列数

列的显示方式是高度可定制的，您还可以使用以下配置列属性：
列宽
，
列间距
，
列规则
，
列规则宽度
，
列规则样式
，
列规则颜色
，
列填充
，
列
（见上面链接的MDN文章）

演示

ul{
-webkit列数：5；
列数：5；
}






















Link1  Link3  Link5  Link7  Link9
Link2  Link4  Link6  Link8  Link10

Link1  Link2  Link3  Link4  Link5
Link6  Link7  Link8  Link9  Link10