如果有空间，推div阻止吗？

Question

在这里，我想起了一个压延机，压延了几天。如果有多个条目重叠，则如果有足够的空间，它们应该自动跳到一行。一个人怎么能做到这一点？只需很少的javascript就能做到吗？

像这样的压延机： calender image

Answer 1

我假设您正在使用div块在日历上的每一天显示一个单元格。如果您在单元格上同时使用display: flex;和flex-direction: column;，则可以使用order属性确定其子项（条目）的显示顺序。

如果您在多天（重叠）条目的一部分中使用order: 1;设置班级，则这些条目将显示在单元格的顶部。

您可以在this article中了解有关订购弹性项目的更多信息。