css – flexbox可以将项目均匀分割在多行吗?

前端之家收集整理的这篇文章主要介绍了css – flexbox可以将项目均匀分割在多行吗?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我已经玩过响应灵活的网格,没有媒体查询.

http://jsbin.com/qurumisu/1(重新调整窗口看看它是如何工作的)

它适合与每行一样多的柔性物品,并且均匀地延伸其宽度以填满整个线.但是,这并不能帮助“孤儿”项目.如果第一行符合5/6项目,第二行只剩下一个,使其比兄弟姐妹更宽.我希望通过将元素均匀分配到所需行数上来避免这种行为.

这可能吗?

解决方法

不,不是没有媒体查询调整flex基础值.伸展和包裹的Flex项目尝试最大化适合每一行的项目数量.

您可能需要考虑使用多列模块,这将试图在创建的所有列中均匀分配元素:

.foo {
    columns: 100px;
}

http://caniuse.com/#feat=multicolumn

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

猜你在找的CSS相关文章