我无法在flex中显示以下布局。我有5个盒子，我想将我的容器分成两部分，一个盒子垂直显示，另外4个垂直显示。这是我的CSS:.trades,.trade-panel{flex:1;}.layout-4-5{flex-direction:column;}.layout-4-5>div{width:50%;}然后我将第四个或最后一个child的基础设置为100%。.layout-4-5>div:nth-child(1){flex-basis:100%;}这是我的HTML上面水平打印我的布局。考虑到我的flex-direction是column并且我的第一个child或盒子有100%的基础，
我无法在flex中显示以下布局。我有5个盒子，我想将我的容器分成两部分，一个盒子垂直显示，另外4个垂直显示。这是我的CSS:.trades,.trade-panel{flex:1;}.layout-4-5{flex-direction:column;}.layout-4-5>div{width:50%;}然后我将第四个或最后一个child的基础设置为100%。.layout-4-5>div:nth-child(1){flex-basis:100%;}这是我的HTML上面水平打印我的布局。考虑到我的flex-direction是column并且我的第一个child或盒子有100%的基础，
这里是我的起点:http://jsfiddle.net/Vercingetorix333/7b2L25a5/2/如您所见，容器两端的间距(flex尺寸:10)远大于内容之间的间距(flex尺寸:2.5)。当用户减小html窗口的大小时，元素最终会换行到第二行(如预期的那样)。但是我想做的是设置第一个窗口调整断点/响应因子，这样当内容移动到第二行时(可能使用@media....css？)它一次性获取最右边的两个内容div。然后我希望容器中的每一行看起来像这样:大缓冲区-内容-小缓冲区-内容-大缓冲区我可以只用css做这个吗？或者我需要一些javascript吗？编辑:从Fiddle添加我
这里是我的起点:http://jsfiddle.net/Vercingetorix333/7b2L25a5/2/如您所见，容器两端的间距(flex尺寸:10)远大于内容之间的间距(flex尺寸:2.5)。当用户减小html窗口的大小时，元素最终会换行到第二行(如预期的那样)。但是我想做的是设置第一个窗口调整断点/响应因子，这样当内容移动到第二行时(可能使用@media....css？)它一次性获取最右边的两个内容div。然后我希望容器中的每一行看起来像这样:大缓冲区-内容-小缓冲区-内容-大缓冲区我可以只用css做这个吗？或者我需要一些javascript吗？编辑:从Fiddle添加我
flex布局属性flex-direction属性定义容器在哪个方向上堆叠row水平方向，从左到右（默认）row-reverse水平方向（从右到左）column垂直方向（从上到下）column-reverse垂直方向（从下到上）flex-wrap属性定义是否换行nowrap不换行（默认）wrap-revevrse以相反的顺序换行wrap换行justify-content属性用于水平方向对齐方式flex-start容器开头对齐（默认）center水平居中flex-end在容器末端对齐space-around每个item左右方向的margin相等。两个item中间的间距会比较大space-betwe
flex布局属性flex-direction属性定义容器在哪个方向上堆叠row水平方向，从左到右（默认）row-reverse水平方向（从右到左）column垂直方向（从上到下）column-reverse垂直方向（从下到上）flex-wrap属性定义是否换行nowrap不换行（默认）wrap-revevrse以相反的顺序换行wrap换行justify-content属性用于水平方向对齐方式flex-start容器开头对齐（默认）center水平居中flex-end在容器末端对齐space-around每个item左右方向的margin相等。两个item中间的间距会比较大space-betwe
应该是一个简单的解决方案:我有以下顺序的div:我必须按此顺序排列它们。使用float，我怎样才能让第一个div("middle")落在第二个div之间。每个div都有一个设置的高度和一个设置的宽度(以px为单位)。我试过在中间做float:left;:[[middle]right][left]然后float:right;在顶部集群上:[left[[middle]right]]]但它显示为[middle][left][right]有什么帮助吗？编辑:这是当前来源:http://pastebin.com/sjiw9PLnhttp://pastebin.com/NMsWk1nZ
应该是一个简单的解决方案:我有以下顺序的div:我必须按此顺序排列它们。使用float，我怎样才能让第一个div("middle")落在第二个div之间。每个div都有一个设置的高度和一个设置的宽度(以px为单位)。我试过在中间做float:left;:[[middle]right][left]然后float:right;在顶部集群上:[left[[middle]right]]]但它显示为[middle][left][right]有什么帮助吗？编辑:这是当前来源:http://pastebin.com/sjiw9PLnhttp://pastebin.com/NMsWk1nZ
有一次我曾考虑过CSS规范的建议，但后来我想可能已经有一个我缺少的解决方案了。我正在谈论的那种布局的示例如下所示:+-----------+---+|1|6|+---+---+---+||2|3|4+---++---+---+---+7||5||+-----------+---+问题是左列中间的那三个框沿交叉轴堆叠，我无法在CSS中找到执行此操作的机制。我知道这可以通过将div包裹在行方向flex布局的这3个元素上来完成，但是这种方法破坏了flex布局的灵active，因为这些元素不能再围绕外部布局和列/换行不能再发生在它们之间。那么，如何仅使用CSS来实现这一点，从而使flex布局保
有一次我曾考虑过CSS规范的建议，但后来我想可能已经有一个我缺少的解决方案了。我正在谈论的那种布局的示例如下所示:+-----------+---+|1|6|+---+---+---+||2|3|4+---++---+---+---+7||5||+-----------+---+问题是左列中间的那三个框沿交叉轴堆叠，我无法在CSS中找到执行此操作的机制。我知道这可以通过将div包裹在行方向flex布局的这3个元素上来完成，但是这种方法破坏了flex布局的灵active，因为这些元素不能再围绕外部布局和列/换行不能再发生在它们之间。那么，如何仅使用CSS来实现这一点，从而使flex布局保
