(CSS3柔性箱)指定多个箱线不会';行不通
使用flex box,我试图创建灵活的文章节点,当它们填充其父容器时进行包装(每行大约4个节点)。目前,它们保留在一行上,并在不包装的情况下溢出父级。有什么想法吗 我的css:(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; }
.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标准中,并且与它是否实现无关。