Html 自动重新定位溢出内容的CSS列

在

ul

元素中，列表项是否可能在溢出时自动向右移动？例如，假设有一个高度为

300px

的无序列表。列表元素的总高度（包括边框+填充+边距）为60px。比如说，如果有4个列表元素，它们将从上到下列出。但是，是否可以使额外的列表元素从一个新列开始？例如，如果有六个，在右边的新列上放一个？我试过研究这个，但什么也没发现。也许这与

display

有关？

您可以使用如下所示的设置将

ul

定义为flex容器

ul{
最大高度：300px；
显示器：flex；
弯曲方向：立柱；
柔性包装：包装；
}
李{
框大小：边框框；
flex-grow:0；
高度：60px；
边框：1px实心#ddd；
}

布拉布拉
布拉布拉
布拉布拉
布拉布拉
布拉布拉
布拉布拉

您可以使用如下所示的设置将

ul

定义为flex容器

ul{
最大高度：300px；
显示器：flex；
弯曲方向：立柱；
柔性包装：包装；
}
李{
框大小：边框框；
flex-grow:0；
高度：60px；
边框：1px实心#ddd；
}

布拉布拉
布拉布拉
布拉布拉
布拉布拉
布拉布拉
布拉布拉

不要这样认为，不。你可以用嵌套列表重新格式化整个列表，比如菜单……也许……哦不要这样认为，不。你可以用嵌套列表重新格式化整个列表，比如菜单……也许……哦哇！成功了！而且，我发现，如果你有一个标题，并且想要在标题右侧也有一个新的列，只需将

ul

的高度设置为足以包含标题，浮动标题，并在标题下方放置一个透明的

li

。哇！成功了！而且，我发现如果你有一个标题，并且想要在标题的右边也有一个新的列，只需将

ul

设置得足够高，以包含标题，浮动标题，并在其下方放置一个透明的

li

。