Javascript 反转新闻提要中项目的显示

我想每小时从右到左保留element box1的每个内部 每24小时/一天，元素框1、框2和框3将从底部向上移动

.box{
显示器：flex；
弯曲方向：行；
}
.box:n子（1）{顺序：4；}
.box:n子（2）{顺序：1；}
.box:n子（3）{顺序：2；}
.box:n子（4）{顺序：3；}

---

您可以完全按照重新排序一行项目的方式重新排序整行。应用

显示：flex，但这次设置
flex-direction:column。现在，您可以使用
order
属性对行重新排序：


.box{
显示器：flex；
弯曲方向：行；
}
.box:n子（1）{顺序：4；}
.box:n子（2）{顺序：1；}
.box:n子（3）{顺序：2；}
.box:n子（4）{顺序：3；}
.集装箱{
显示器：flex；
弯曲方向：立柱；
}
.container:n子（1）{顺序：4；}
.container:n子（2）{顺序：1；}
.container:n子（3）{顺序：2；}
.container:n子（4）{顺序：3；}

以及如何每次预订？见上图？从左到右每一小时，从下到上每24小时@TaufiqHidayah我不是这个答案的作者，但在这里回答你的评论：你需要开发这个部分。您的问题中没有包含任何javascript，但考虑到这是一个单独的问题，我鼓励您尝试自己解决它，然后在这里发布另一个问题，如果您陷入困境。要开始，您可以使用以下javascript获取基于当前小时的偏移量类：
['offset-one'，'offset-two'，'offset-two'，'offset-two'，'offset-two'，'offset-two'][new Date（）.getHours（）%4]
@josephmarike-thx。。。也许你可以给我一个关键字来用javascript实现这个问题D@TaufiqHidayah您很清楚，它是一个4x4网格，非常方便。也许这样的事情会让你开始。编辑：CSS有一个bug。更正。