大佬教程收集整理的这篇文章主要介绍了html – 在换行时每行保持相同数量的弹性子节点，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
例如,我有一个包含6个元素的flexbox.当它中断时我想在第一行上有3个元素,在第二行上有3个元素(或者两个元素的总宽度大致相同).
(我不想调整孩子的大小,或者打破flexbox的功能.)
现在我只能在第一行获得5个元素,在最后一行获得一个元素.
ul { display:flex; justify-content:space-between; flex-wrap:wrap; }
这是一个jsfiddle：https://jsfiddle.net/yfj2g7wx/
我认为大部分时间它会以图形方式提供比逐个包装元素更好的结果.
这可能吗 ？
@media screen and ( max-width: 900px ) { li { flex-basis: 33%; } /* forces three items to a line */ } @media screen and ( max-width: 600px ) { li { flex-basis: 50%; } /* forces two items to a line */ } @media screen and ( max-width: 300px ) { li { flex-basis: 100%; } /* forces one item per line line */ }
以上是大佬教程为你收集整理的html – 在换行时每行保持相同数量的弹性子节点全部内容，希望文章能够帮你解决html – 在换行时每行保持相同数量的弹性子节点所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。