主要代码： 父： 子： ...

使用flex布局，两端对齐(以一行四个为例)： .box{ display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; } .box ...

-start;为默认属性，所以只需要设置为flex布局，换行； 子集css属性： 需要设置width为百分比，而 ...

在开发中遇到使用弹性布局需要换行的情况，解决记录，以免忘记 ...

1、添加几个空item（用于大多数场景） 根据布局列数添加空item，比如每行最大n列，那么在最后添加n个空item即可 2.利于after（适用于每行列数确定的场景） ...

: space-between 时，会遇到最后一行列表没有对齐（文章里说的那种情况）；不使用 flex-w ...

display: flex; justify-content: space-between; flex-wrap: wrap; 导致最后一行出现两端对齐情况 ...

...