更改CSS中的列排列方向

Question

在CSS中，我使用flex，并且在排列方向上有问题！！

当我使用列和包装时，我想要这个：

3，1，

4 2，

但它是这样发生的：

1，3，

2，4

我该怎么办？？

Answer 1

不幸的是，flexbox无法使用传统的CSS属性来实现这一点。

但是，通过将flexbox与dir属性一起使用，可以实现这一点。

div {
width: 75px;
aspect-ratio: 1;
display: grid;
place-items: center;
border: 1px solid green;
}
main {
display: flex;
flex-wrap: wrap;
flex-direction: column;
height: 156px;
aspect-ratio: 1;
gap: 2px;
}

<main dir="rtl">
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
</main>