(CSS3柔性箱)指定多个箱线不会';行不通

(CSS3柔性箱)指定多个箱线不会';行不通,css,model,Css,Model,使用flex box,我试图创建灵活的文章节点,当它们填充其父容器时进行包装(每行大约4个节点)。目前,它们保留在一行上,并在不包装的情况下溢出父级。有什么想法吗 我的css: .container { display: -webkit-box; height: 100%; width: 100%; -webkit-box-lines: multiple; -webkit-box-orient: horizontal; }

使用flex box,我试图创建灵活的文章节点,当它们填充其父容器时进行包装(每行大约4个节点)。目前,它们保留在一行上,并在不包装的情况下溢出父级。有什么想法吗

我的css:

.container { 
    display: -webkit-box; 
        height: 100%;
        width: 100%;
        -webkit-box-lines: multiple;   
    -webkit-box-orient: horizontal; }

.container article {
       -webkit-box-flex: 1; } 

我一直在尝试使用FlexBox,但据我所知,目前还没有实现“box lines:multiple”命令的浏览器


苹果开发人员文档声称它自iOS 1.0和Safari 3.0以来就存在,但是所有flex box命令的状态仍然显示为“正在开发”。因此,该命令存在,并且不会作为错误而被拒绝,但看起来只有“单一”值当前有效。

IE10将在发布时实现它。其他人将来也可能这样做

这是我找到的另一篇关于这个话题的帖子

“在新草案中,多线支架被标记为有风险,因为它似乎需要比本草案中给予它更广泛的处理。”

“一对属性,flex break before和flex break after,可以在flexbox子级之前/之后生成显式换行符,或者防止换行符发生。”

“正在开发”意味着它还不在W3标准中,并且与它是否实现无关。