flex-direction行不表现为行

时间:2016-02-16 21:11:35

标签: html css flexbox

我有一个我用于某些卡的flexbox网格,但是当给定flex-direction: row;的css属性时,这些卡实际上不会表现为行,而是表现为列。我尝试将其标记为!重要但是,它仍然不会像行一样。在进入第二行之前,我希望每个元素都能很好地适应。

我已经多次阅读article试图找出它为什么表现得不像我想要的那样,但我无法达成协议。知道为什么会这样吗?

这是一个小提琴:https://jsfiddle.net/yisera/qtv5h5eb/

1 个答案:

答案 0 :(得分:3)

您的元素 表现为一行。每个项目都非常宽,以至于它包裹着(flex-wrap),并且您正在获得看起来像列的内容。

缩小.wall-panel的宽度会使它们回到行状结构中。

https://jsfiddle.net/Hatchet/qtv5h5eb/2/