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

时间:2017-12-07 08:34:35

标签: css css3 flexbox

我想知道在flex容器中安排元素是否有任何开头或结尾编号? 例如:

$.ajax({
    type: "POST",
    url: "locpac.php",
    dataType: "html",
    data: { selectstate : selectedstate } 
}).success(function(data){
    $("#response").html(data);
});

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

1 个答案:

答案 0 :(得分:3)

不,没有任何特定的开始或结束号码。

任何数字都可以使用,包括正数和负数,而较低的数字首先出现,而弹性项目的默认值为0

如果两个或多个项目具有相同的值,则它们是决定的标记中的顺序。

在您的情况下,拥有第一个和最后一个,并基于默认的0,提供一个项目-1和另一个1,将使该项目为{{1}首先是-1最后的项目。

根据Ali的评论,应该注意旧的Flexbox版本可能有不同的默认值,例如1似乎是-webkit-box-ordinal-group