前言:因为在项目中使用flex的过程中,如果使用space-between对齐两端,会遇到最后一行难的问题对齐。本文主要列出多行多列常见布局的解决方案,方便大家日常开发使用。废话不多说,直接进入正题:解决方案一:我们都知道标签是填充的。错位的原因是最后一行的子项没有达到4个,space-between的对齐自然会中间留空。既然如此,何不直接把空格填满,这样就有4个元素了。

前言:因为在项目中使用flex的过程中,如果使用space-between对齐两端,会遇到最后一行难的问题对齐。本文主要列出多行多列常见布局的解决方案,方便大家日常开发使用。废话不多说,直接进入正题:解决方案一:我们都知道标签是填充的。错位的原因是最后一行的子项没有达到4个,space-between的对齐自然会中间留空。既然如此,何不直接把空格填满,这样就有4个元素了。