Css Flexbox列不包装：在Firefox中有效，但在Webkit上不起作用
我试图执行一个砖石风格的布局，但我需要它填充从左到右与从上到下，而不是一个“最适合的场景”，它必须是连续的。我的问题是，我不明白为什么Webkit没有打破这个专栏。（未经IE测试） 代码笔链接： 这是我的密码：Css Flexbox列不包装：在Firefox中有效，但在Webkit上不起作用,css,twitter-bootstrap-3,webkit,flexbox,Css,Twitter Bootstrap 3,Webkit,Flexbox,我试图执行一个砖石风格的布局，但我需要它填充从左到右与从上到下，而不是一个“最适合的场景”，它必须是连续的。我的问题是，我不明白为什么Webkit没有打破这个专栏。（未经IE测试） 代码笔链接： 这是我的密码： /***这在Webkit中不起作用***/ #柔性容器{ 显示：-网络工具包盒； 显示：-webkit flex； 显示：-ms flexbox； 显示器：flex； -webkit flex流：列换行； -ms-flex-flow：列换行； 柔性流：柱包裹； } #flex容器>：第
/***这在Webkit中不起作用***/
#柔性容器{
显示：-网络工具包盒；
显示：-webkit flex；
显示：-ms flexbox；
显示器：flex；
-webkit flex流：列换行；
-ms-flex-flow：列换行；
柔性流：柱包裹；
}
#flex容器>：第n个子（1n+1）{
-webkit盒序数组：2；
-网络工具包订单：1；
-ms弹性订单：1；
顺序：1；
}
#柔性容器>：第n个子（2n+2）{
-webkit盒序数组：3；
-网络工具包订单：2份；
-ms弹性订单：2份；
顺序：2；
}
#flex容器>：第n个子级（-n+2）{
前分页符：始终；
/*CSS 2.1语法*/
-webkit列之前中断：始终；
打破之前：永远；
/*新语法*/
}
/***结束：这在Webkit中不起作用***/
1.左立柱{
最小高度：200px；
位置：相对位置；
}
.post left.文本块保持器{
位置：相对位置；
宽度：60%；
左：0%；
}
.左后.图像块{
位置：绝对位置；
宽度：33.33333%；
右：0；
}
.右后{
最小高度：200px；
位置：相对位置；
}
.右后.文本块支架{
位置：相对位置；
宽度：60%；
左：0%；
浮动：对；
}
.右后.图像块{
位置：绝对位置；
宽度：33.33333%；
排名：0；
左：0；
右：0；
}
#flex container>。左后：第n个子项（4n+1）。文本块保持器{
宽度：60%；
左：40%；
}
#flex容器>。左后：第n个子项（4n+1）。图像块{
宽度：33.33333%；
排名：0；
左：0；
}
#flex容器>.post right:第n个子项（4n）.文本块保持器{
宽度：60%；
左-40%；
}
#flex容器>.post right:第n个子项（4n）.图像块{
宽度：33.33333%；
排名：0；
左：66.6667%；
}
1.左立柱{
边框：实心1px红色；
}
.右后{
边框：纯色1px蓝色；
}
身体{
填充：50px 0px；
}
博格邮报标题1
作者
2016年8月24日星期三07:23
Lorem ipsum dolor sit amet，奉献精英。自然体，在伊亚多洛雷斯，是一个由贝塔-奎斯夸姆（odio beatae-quisquam）组成的作坊。请解释一下，您是否已将所有权和财产区分开来
博格邮报标题2
作者
2016年8月24日星期三07:23
博格邮报标题3
作者
2016年8月24日星期三07:23
洛雷姆·恩库斯·埃俄斯·泰米利斯，阿尼米
博格邮报标题4
作者
2016年8月24日星期三07:23
Lorem ipsum dolor sit amet，奉献精英。在西区的公共场所照明，在西区照明，在西区照明，在西区照明，在西区照明，在西区照明，在西区照明，在西区照明，在西区照明，在西区照明，在西区照明，在西区照明，在西区照明，在西区照明，在西区照明？威尔
博格邮报标题5
作者
2016年8月24日星期三07:23
我们认为，同一事物的存在是一种暂时性的、暂时性的、动物性的
博格邮报标题6
作者
2016年8月24日星期三07:23
Lorem ipsum dolor sit amet，奉献精英。在西区的公共场所照明，在西区照明，在西区照明，在西区照明，在西区照明，在西区照明，在西区照明，在西区照明，在西区照明，在西区照明，在西区照明，在西区照明，在西区照明，在西区照明，在西区照明？威尔
博格邮报标题7
作者
2016年8月24日星期三07:23
Lorem ipsum dolor sit amet，奉献精英。自然体，在伊亚多洛雷斯，是一个由贝塔-奎斯夸姆（odio beatae-quisquam）组成的作坊。请解释一下，您是否已将所有权和财产区分开来
博格邮报标题8
作者
2016年8月24日星期三07:23
Lorem ipsum dolor sit amet，奉献精英。福吉雅特，你是说你是一个普通人吗？威尔
博格邮报标题9
作者
2016年8月24日星期三07:23
Lorem ipsum dolor sit amet，奉献精英。劳动的特殊性是一种相似的行为，它被认为是暂时的、动物的理性
博格邮报标题10
作者
2016年8月24日星期三07:23
Lorem ipsum dolor sit amet，奉献精英。伏鲁帕特姆·伊尔姆·伊尔姆·伊尔姆·伊尔姆·伊尔姆·伊尔姆·伊尔姆·伊尔姆·伊尔姆·伊尔姆·伊尔姆·伊尔姆·伊尔姆·伊尔姆·伊尔姆·艾斯？威尔
博格邮报标题11
作者
2016年8月24日星期三07:23
Lorem ipsum dolor sit amet，奉献精英。劳动区分是一种相似的行为，它被认为是一种暂时性的行为
博格邮报标题12
作者
2016年8月24日星期三07:23
Lorem ipsum dolor sit amet，奉献精英。福吉亚特市西区康茂德街照明区？威尔
分页符分页符