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

前端之家收集整理的这篇文章主要介绍了如何在css3中首先填充列计数填充行?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我在 css3中使用(列数:4)来在4列中拟合9个图像(这里想到的东西: http://css-tricks.com/seamless-responsive-photo-grid/)

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

解决方法

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

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

http://jsbin.com/nobosu/1/edit?css,output

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

没有具体细节,要知道要开什么就有点难了.

原文链接:https://www.f2er.com/css/214982.html

猜你在找的CSS相关文章