如何在列的多个弯曲框中居中

Question

我在学习CSS，所以这可能是个愚蠢的问题。我不明白为什么即使我有flex-flow: column;条目也是连续的。

我为整个身体创建了一个柔性容器。然后一些孩子就会折腾。父容器应该将子容器放在列中。然后，我想使用子css属性来更好地管理他们的内容。你可以从我的代码中看到，有6张卡，一段视频，3张卡片。理论上，视频应该放在6张卡下面，其他3张卡上面，因为它们包含在3种不同的div中，我哪里出错了？

CodePen链接：

https://codepen.io/vujinbaku/pen/MWmgdvq

Answer 1

在第43行中，您有一个开头的div标记，而不是关闭div标记。另外，在第50行中，您忘了在h3之后关闭div标记。

Answer 2

如果您检查一下，您会发现大部分代码都在<div class="part>下面。这是因为您有未关闭的div标记。执行以下步骤。

用</div>.

• In line: 43替换<div>关闭<div>标记，用</div>.

替换<div>关闭<div>标记

在学习web开发的过程中，我建议您探索最佳实践，比如划分代码。这有助于有效地进行调试。