HTML列表项目顺序

Question

我想根据父级的高度自动限制HTML列表的高度。是否有可能不让列表明显溢出，而是将溢出元素放在一起并从那里继续迭代？该列表是动态的，因此列表项计数可以是1或100。

我知道每个第三个元素都达到了元素的最大高度，所以我可以使用nth-child（）选择器。我更喜欢以更优雅的方式来做这件事。

例如：

li 1    li 4    li 7
li 2    li 5
li 3    li 6

Answer 1

如果您的列表项是动态填充的，那么你应该使用循环（php），你也可以使用css nth-child（）选择器。

如果你确切知道你有多少列表项，请使用它。

   ul {
    columns: 3;
    -webkit-columns: 3;
    -moz-columns: 3;
   }