这是一个非常简单的问题，我猜，但是我不能在Flex容器中得到3个项目，显示为2行，第一行为1，第二行为2。这是Flex容器的CSS。它在一行显示3项，显然:)
div.intro_container {
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
}
如果flex-wrap设置为wrap，则3个项目将显示在列中。我认为包装设置需要在几行显示容器项目。
我试过这个CSS的第一个容器项目，打算让它占据整个第一行，但它没有工作
div.intro_item_1 {
flex-grow: 3;
}
我跟着the instructions in “CSS-Tricks”，但我真的不知道要使用什么组合的命令。任何帮助将非常受欢迎，因为我很困惑。
解决方法
你可以这样做：
.flex
{
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.flex > div
{
flex: 1 0 50%;
}
.flex > div:first-child
{
flex: 0 1 100%;
}
有了这样的HTML：
<div class="flex">
<div>Hi</div>
<div>Hello</div>
<div>Hello 2</div>
</div>
这是一个演示：http://jsfiddle.net/73574emn/1/
这个模型依赖于一行“行”满之后的换行符。由于我们将第一个项目的flex-basis设置为100％，它完全填满了第一行。特别注意flex-wrap：wrap;
