Javascript flexbox列表列反转并从顶部开始

Javascript flexbox列表列反转并从顶部开始,javascript,html,css,firebase,flexbox,Javascript,Html,Css,Firebase,Flexbox,我想用firebase显示最新的聊天人员第一个位置活动,但firebase没有日期字段。因此,我使用flexbox列反转来调整日期毫秒数,它将从顶部开始,而不是从底部开始。我尝试过这个职位,但没有工作。 你能给我一个好方法吗 .集装箱{ 显示器:flex; 弯曲方向:柱反向; /*flex-flow:flex-start*/ 证明内容:柔性端; 调整项目:灵活启动; 高度:700px; 宽度:100%; 背景:蓝色; 位置:绝对位置; 溢出:自动; } .盒子{ 位置:相对位置; 显示器:fl

我想用firebase显示最新的聊天人员第一个位置活动,但firebase没有日期字段。因此,我使用flexbox列反转来调整日期毫秒数,它将从顶部开始,而不是从底部开始。我尝试过这个职位,但没有工作。 你能给我一个好方法吗

.集装箱{ 显示器:flex; 弯曲方向:柱反向; /*flex-flow:flex-start*/ 证明内容:柔性端; 调整项目:灵活启动; 高度:700px; 宽度:100%; 背景:蓝色; 位置:绝对位置; 溢出:自动; } .盒子{ 位置:相对位置; 显示器:flex; 对齐项目:居中; 证明内容:中心; 利润率:20px; 宽度:50px; 高度:50px; 背景色:红色; 顶部:0px; } .主动{ 顺序:1; } 1. 2. 3. 4. 5. 6. 将justify content属性更改为flex end-请参阅下面的演示:

.集装箱{ 显示器:flex; 弯曲方向:柱反向; /*flex-flow:flex-start*/ 调整内容:柔性端;/*已更改*/ 调整项目:灵活启动; 高度:700px; 宽度:100%; 背景:蓝色; 位置:绝对位置; 溢出:自动; } .盒子{ 位置:相对位置; 显示器:flex; 对齐项目:居中; 证明内容:中心; 利润率:20px; 宽度:50px; 高度:50px; 背景色:红色; 顶部:0px; } 1. 2. 3. 4. 5. 6.
我也遇到过同样的情况,我是如何通过在firebase中为每个帖子保存flex属性-order来破解它的。Flex有一个可以设置的order属性。它使得元素的排序非常容易

只需将从firebase获取的order属性和值设置为每篇文章

这是该页面的链接,我在上面使用过:


这里是指向MDN文档的链接:Set

和的可能副本。此操作还需要活动{order:1;}