Html moz box orient的等价物是什么?

Html moz box orient的等价物是什么?,html,css,flexbox,Html,Css,Flexbox,我已经在互联网上搜索了很多不同的参考列表,但找不到与-moz-box-orient等效的“通用”列表 我目前遇到的问题是在不反转整个放置的情况下反转我的盒子 这就是我想要实现的,即通过方向将所有框保持在左侧: 显示:-moz框; -moz盒方向:水平; -莫兹盒方向:反向; #父级{ 边框:2件纯蓝; 显示器:-moz盒; -moz盒方向:水平; -莫兹盒方向:反向; } #父级>div{ 边框:2倍纯红; 填充:20px; 利润率:10px; } #child1{背景:绿色;} #chil

我已经在互联网上搜索了很多不同的参考列表,但找不到与
-moz-box-orient
等效的“通用”列表

我目前遇到的问题是在不反转整个放置的情况下反转我的盒子

这就是我想要实现的,即通过方向将所有框保持在左侧:

显示:-moz框;
-moz盒方向:水平;
-莫兹盒方向:反向;
#父级{
边框:2件纯蓝;
显示器:-moz盒;
-moz盒方向:水平;
-莫兹盒方向:反向;
}
#父级>div{
边框:2倍纯红;
填充:20px;
利润率:10px;
}
#child1{背景:绿色;}
#child2{背景:黄色;}
#child3{背景:红色;}
#child4{背景:橙色;}

儿童#1
儿童#2
儿童#3
儿童4岁
是原始CSS Flexible Box布局模块草稿的一个属性,已在较新的草稿中替换

您已经使用了一个或多或少的等效项

如果要将图元向左对齐,可以尝试:

justify内容:柔性端;
#父级{
边框:2件纯蓝;
显示器:flex;
弯曲方向:行反向;
证明内容:柔性端;
}
#父级>div{
边框:2倍纯红;
填充:20px;
利润率:10px;
}
#child1{背景:绿色;}
#child2{背景:黄色;}
#child3{背景:红色;}
#child4{背景:橙色;}

儿童#1
儿童#2
儿童#3
儿童4岁

-moz box orient
出现在CSS flexible box布局规范的早期草稿中,但现在已被删除。你应该停止使用它,找另一种方法。啊,这就是我所怀疑的,但我希望不是这样。谢谢你的回答。我会记住这一点作为安置问题的解决方案。谢谢你的建议!