在这个css布局中,垂直间距可以用任何现代的方法删除吗?

在这个css布局中,垂直间距可以用任何现代的方法删除吗?,css,flexbox,Css,Flexbox,我正在尝试使用可变宽度和高度的实体实现Pinterest布局。因此,在给定的布局中,不仅高度是可变的 上面的布局是通过父对象上的flexbox(行换行)实现的。我想把第31列移到第1列的正下方,而不是现在的位置,把第32列移到第2列的正下方,依此类推。我认为这与flexbox的横轴属性有关,但我找不到正确的属性 这是一个节点webkit原型,所以如果它在webkit中工作,那么这就太棒了。有什么想法吗 我正在考虑的另一个想法是使用css网格,但我必须定义有限数量的网格行和列,而这种布局应该是灵活

我正在尝试使用可变宽度和高度的实体实现Pinterest布局。因此,在给定的布局中,不仅高度是可变的

上面的布局是通过父对象上的flexbox(行换行)实现的。我想把第31列移到第1列的正下方,而不是现在的位置,把第32列移到第2列的正下方,依此类推。我认为这与flexbox的横轴属性有关,但我找不到正确的属性

这是一个节点webkit原型,所以如果它在webkit中工作,那么这就太棒了。有什么想法吗


我正在考虑的另一个想法是使用css网格,但我必须定义有限数量的网格行和列,而这种布局应该是灵活的,因此使窗口更宽应该会增加列的数量

所以你在寻找这样的东西:?是的,没错,但是只使用CSS。只使用CSS是不可能的。如果你希望它是动态的。唯一的方法是将每一列放在单独的div中,但一旦调整大小,所有内容都将付诸东流。。。或者你可以让柱子流动,但这并不实用。是一个CSS唯一的解决方案,但正如文章中指出的,它有很多问题。一个不需要jQuery(使用纯JavaScript)的流行解决方案是。谢谢@Filly,但是css布局不是只使用两列吗?