前端之家收集整理的这篇文章主要介绍了
CSS保持所有的flexbox子元素的大小相同，
前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。
我的sass(使用指南针获得前缀)是
shown in this fiddle
：
.container
@include display-flex
@include flex-wrap(wrap)
.item
@include flex-grow(1)
@include flex-basis(190px)
虽然,我希望底部的两个项目与顶部的项目相同.
我不想让他们离开他们的宽度,这不符合我在其他决议中的安排.
欢迎任何建议！
你有两种做法：
flex-grow：0(fiddle)
如果将flex-grow设置为0,则告诉物品保持宽度并展开空格.使用flex-grow：1,项目将扩大宽度以适应空间.
隐形物品(fiddle)
在具有相同的flex属性的正常项目之后添加一些不可见的项目.你会得到一个左对齐的外观.
在此解决方案中,所有可见行中的项目数量相同,因此请确保在较大的屏幕上添加足够的不可见项目.
原文链接：https://www.f2er.com/css/214725.html
