我们可以修改排列方式。
如果我们设置 direction 属性为 rtl (right-to-left),弹性子元素的排列方式也会改变，页面布局也跟着改变:
实例
body { direction: rtl; } .flex-container { display: -webkit-flex; display: flex; 400px; height: 250px; background-color: lightgrey; } .flex-item { background-color: cornflowerblue; 100px; height: 100px; margin: 10px; }