我有一个用于某些卡的flexbox网格，但是当给定flex-direction: row;的css属性时，这些卡实际上不会表现为行，而是表现为列。我尝试将其标记为！important，但是，它仍然不会像row那样运行。在第二行之前，我希望每个元素都合适。
我已经多次阅读此article，试图找出为什么它不像我想要的那样运行，但是我仍然无法达成协议。知道为什么会这样吗？
这是一个小提琴：https://jsfiddle.net/yisera/qtv5h5eb/
最佳答案
您的元素行为连续。每个项目的宽度是如此之大，以至于它们都用（flex-wrap）包裹起来，您将获得看起来像一列的东西。
减小.wall-panel的宽度会使它们重新排列成行状。
https://jsfiddle.net/Hatchet/qtv5h5eb/2/