コンテンツの順番を入れ替える


orderプロパティを使って、コンテンツの順番を入れ替えることができます

■例
html

  • 1
  • 3
  • 2

css
#box{
display: -webkit-flex;
flex-flow: column wrap;
}
#test1{
order: 1;
-webkit-order: 1;
}
#test2{
order: 3;
-webkit-order: 3;
}
#test3{
order: 2;
-webkit-order: 2;
}

上記のように記述することで123と並べることができます。