代碼如下：
1 <div id="main" style=" flex-direction: row-reverse;-webkit-flex-direction: row-reverse;display: flex; "> 2 <div style="background-color:coral;">A</div> 3 <div style="background-color:lightblue;">B</div> 4 <div style="background-color:khaki;">C</div> 5 <div style="background-color:pink;">D</div> 6 <div style="background-color:lightgrey;">E</div> 7 <div style="background-color:lightgreen;">F</div> 8 </div>
顯示順序為：E F D C B A
說明:
1) 樣式： flex-direction: row-reverse;-webkit-flex-direction: row-reverse; 使其內部元素反轉顯示
2）容器必須是彈性盒子才有效，所以要加上樣式：display: flex;