How to use the order attribute in css

This article will explain in detail how to use the order attribute in css. The editor thinks it is very practical, so I share it for you as a reference. I hope you can get something after reading this article.

1. Order can change the sort position of a flex subitem.

2. The order property is used to provide the order of each elastic item about other elastic items in the elastic container. If the product is not flexible, then the order attribute will be useless.

Example

.box {width: 100pxtosheight: 100px.div {display: flex;} .bg0 {background: # 111;} .bg1 {background: # 444;} .bg2 {background: # 777;} .bg3 {background: # 999;} .o1 {order:-1;} .o2 {order:0;} .o3 {order:1;} .o4 {order:2 } 12341234 this is the end of the article on "how to use order attributes in css". I hope the above content can be of some help to you, so that you can learn more knowledge. if you think the article is good, please share it for more people to see.