flex 换行布局，最后一行不满时问题处理

flex 换行布局，最后一行不满时问题处理

使用弹性布局渲染动态数据的时候，由于数据数量不确定，所以导致最后一行排列与上行兄弟不一致，在网上找的终极解决办法，分享一下。

在设置弹性布局的元素内部添加如下代码：

[1,2,3,4,5,6,7,8,9,10].map(item=>{
   return <div style={{
     display: 'inline-block',
     width: 240,
     height: 1
   }}></div>
 })

数组的长度就是最长列数，高度为1。添加这些元素的的目的是为了补全最后一行，作为‘补丁’的元素高度为一所以不影响整体布局，很精妙。

原文链接：https://blog.csdn.net/qq_32039843/article/details/108851078

qq：2122375078
b站：行路zfg , UID:345976264