gpt4 book ai didi

css - 如何在 css3 中使列数先填充行?

转载 作者:技术小花猫 更新时间:2023-10-29 11:13:23 26 4
gpt4 key购买 nike

我在 css3 中使用 (column-count:4) 来将 9 张图像放入 4 列(这里的想法是:http://css-tricks.com/seamless-responsive-photo-grid/)

但在我的例子中,9 张图片只适合 3 列(每列 3 张),最后一列为空!我怎样才能让它首先填满行?

最佳答案

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

也许 multicol 不是适合您的工具。取决于您要尝试做什么,也许 flexbox 或内联 block 可能会削减它?

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

也许这更接近您尝试做的事情: http://jsbin.com/nobosu/edit?html,css,output

没有细节,很难知道开什么药。

关于css - 如何在 css3 中使列数先填充行?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11624839/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com