如何在css3中首先填充列计数填充行?

时间:2012-07-24 05:45:16

标签: css3

我在css3中使用(列数:4)来在4列中填充9个图像(这里考虑的事情:http://css-tricks.com/seamless-responsive-photo-grid/

但在我的情况下,9个图像只适合3列(每列3个),最后一列为空!我怎样才能让它首先填充行?

1 个答案:

答案 0 :(得分:0)

column-fill: balance应该做你想要的,但这似乎在实际浏览器中不起作用。

也许multicol不适合你。根据你正在尝试做什么,可能是flexbox,或者只是内联块可能会削减它?

https://github.com/jdshatz/cookies2

也许这会更接近你想要做的事情: http://jsbin.com/nobosu/1/edit?css,output

如果没有具体细节,就很难知道要开什么药。