当前位置:首页> 文章> CSS

Flex 六、其他内容

:2019-06-09   :舒彬琪   :10

order:更优雅地调整元素顺序

img

#container > div:first-child {  order: 2;
}
#container > div:nth-child(2) {  order: 4;
}
#container > div:nth-child(3) {  order: 1;
}
#container > div:nth-child(4) {  order: 3;
}

order:可设置元素之间的排列顺序

  1. 数值越小,越靠前,默认为0

  2. 值相同时,以dom中元素排列为准