可以使用CSS中的order属性来改变元素在文档流中的顺序。order属性的默认值为0,可以接受负值和正值。值越小,元素在文档流中的位置越靠前。需要注意的是,order属性只会影响flex容器中的元素。
具体用法如下:
1.先将元素的父元素设置为flex容器,可以通过display:flex或display:inline-flex来实现。
2.对需要改变顺序的子元素,设置order属性,值越小,排列越靠前。
例如,将第二个子元素排在第一个子元素前面的代码如下:
.parent {
  display: flex;
}
.child1 {
  order: 2;
}
.child2 {
  order: 1;
}
需要注意的是,order属性只能改变元素在文档流中的顺序,而不能改变元素的位置。如果需要改变元素的位置,可以考虑使用position属性和top、right、bottom、left属性来实现。