Css 显示：flex不工作

我创建了一个div，其中包含

display:flex

和

flex direction:column reverse。
它在Chrome上运行良好，但在Firefox
display:flex
中不起作用


#团队消息ID
{
高度：350px；
溢出：自动；
显示器：flex；
弯曲方向：柱反向；
}

第1部分

第2部分

第3部分

第4部分

第5部分

第6部分

问题在于您尚未确定它指向的浏览器。这就是css代码的外观

#team-messageid {
   height: 350px;
   overflow: auto;
   display: flex;
   flex-direction: column-reverse;
   display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
   display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
   display: -ms-flexbox;      /* TWEENER - IE 10 */
   display: -webkit-flex;     /* NEW - Chrome */
}

问题是您还没有确定它指向哪个浏览器。这就是css代码的外观

#team-messageid {
   height: 350px;
   overflow: auto;
   display: flex;
   flex-direction: column-reverse;
   display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
   display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
   display: -ms-flexbox;      /* TWEENER - IE 10 */
   display: -webkit-flex;     /* NEW - Chrome */
}

“我发现了一些关于这方面的问题和建议，但没有一个有效。”-请告诉我们什么不起作用？您是否尝试从中添加供应商前缀？您是否可以在id“team messageid”中添加一些数据。在我的firefox浏览器中使用多个段落也可以。请添加加载到HTML中的实际数据，而不是关于动态数据的注释<代码>弯曲方向：柱反向

在Firefox中非常适合我，自从它被引入以来就一直如此。@Fokrule如果它在代码段中工作，但在您的站点上不工作，那么您的演示范围太小了。你需要从你的站点向你的演示添加更多的代码，直到你可以通过堆栈片段在Chrome中重现它。“我发现了一些关于这方面的问题，但没有一个有效。”-请告诉我们什么不起作用？你试过从添加供应商前缀吗？你能在id“team messageid”中添加一些数据吗。在我的firefox浏览器中使用多个段落也可以。请添加加载到HTML中的实际数据，而不是关于动态数据的注释<代码>弯曲方向：柱反向在Firefox中非常适合我，自从它被引入以来就一直如此。@Fokrule如果它在代码段中工作，但在您的站点上不工作，那么您的演示范围太小了。你需要从你的站点向你的演示中添加更多的代码，直到你可以在Chrome中通过堆栈片段重现它。