如何从左到右设置弹性列子项？

Question

我想在flex-column布局中从左到右设置flex项。

我正在尝试，但得到了这个布局：错误的布局

但我想要这样的布局：所需的布局

我的代码：

display:flex;
flex-direction: column;
align-items:flex-end;
justify-content: flex-start;
align-content: flex-end;
flex-wrap: wrap;

Answer 1

在定义display:flex的css中添加此代码

示例：

null

.flex {
  display: flex;
  flex-direction: row-reverse;
  
  }
  
  .flex div {
    height: 100px;
    width: 100px;
    background-color: red;
    margin: 20px
    }

<div class="flex" >
  <div>
    box -1 
  </div>
  <div>
    box -2
  </div>
  <div>
     box -3
  </div>
  <div>
     box -4
  </div>
 </div>