Html 如何在div父级中先左对齐div，然后再顶部对齐div？

这可能看起来很愚蠢，但我不知道如何使用CSS实现这一点

我想对齐左侧的所有内部div，当它从顶部开始重新启动时

因此，在下面包含的青色div的示例中，div应该显示在从顶部开始的第二列上

这是可以实现的吗

容器{ 高度：300px； 宽度：300px； 背景颜色：浅灰色； } .元素{ 高度：60px； 宽度：60px； 保证金：2倍； } 是的，使用flexbox

容器{ 高度：300px； 宽度：300px； 背景颜色：浅灰色； 显示器：flex； 弯曲方向：立柱； 柔性包装：包装； 调整内容：灵活启动； } .元素{ 高度：60px； 宽度：60px； 保证金：2倍； }

---

最明显但最无聊的答案是使用flexbox

然而，你也可以是朋克，用奇特的几何体来做：让它们向右浮动，将所有物体旋转90度

当然，要使内容正确定向，需要将其旋转到相反的方向

容器{ 高度：300px； 宽度：300px； 背景颜色：浅灰色； 变换：旋转-90度； } .元素{ 高度：60px； 宽度：60px； 保证金：2倍； 浮动：对； 位置：相对位置； } .文本{ 位置：绝对位置； 排名：0； 左：0； 底部：0； 右：0； 填充：0.5em； 变换：旋转90度； } 你好 是 信息技术 我 你 是 看 对于

---

你可以使用flexbox-@j08691 Ha实现你想要的，我最近听说过，没想到。我要试试。你也可以使用列计数：2；容器div上的CSS，但这不是很动态。我还建议flex box采用动态设计。这不是最好的答案，尽管这很有趣；