flex中的订单属性是否有任何开始和结尾

Question

我想知道在Flex容器中安排元素是否有任何开始或结束号码？例如：

.firstOrder {
    order: <First-Item>
}

为什么？因为我想创建一个CSS框架，所以我想知道我可以添加2类以订购第一个项目和最后一项。

Answer 1

no，没有任何特定的开始号或结束号。

任何数字都是可用的，既可以正面又是负面的，而较低的一个数字首先出现，flex项目的默认值为 0。

如果两个或多个项目具有相同的值，则决定在标记中的顺序。

---

在您的情况下，拥有第一个和最后一个，并且基于0的默认值，给出一个项目-1和另一个1，将首先使用-1和1的项目。

。

---

基于Ali的评论，应注意的是，旧的Flexbox版本可能具有不同的默认值，例如-webkit-box-ordinal-group似乎是1。