Flex layout justify content: the solution of left aligning the last line of space between

In the layout of the front end , We use it a lot flex Layout , When you meet Divided into two columns perhaps n When the column , Nature will use space-between. however , If it's one line , There is no problem with the above , If you want it to wrap automatically , It may not be the effect we want

The situation above is The last line becomes aligned

My solution is Dynamic complementary element alignment

It's a common problem , The factors we have determined are

1. I'm going to show how many data in one row （ in other words , I'm going to divide it into several columns ）
2. How many times do I have data （ If the data is requested from the interface , Use array.length You will know how many pieces of data there are ）

With the above two data , We knew , I complement this element , How many are needed
such as We have to divide N bar , My data is M strip , Then the number we need to make up is (N - M%N)

So for the above figure , I have a 6 individual image label I want to share 4 bar , So we The number of complementary elements is （4-6%4）

The above problems are perfectly solved

Special note , Small program , Set up a loop , If there is a fixed number of times , It's written like this
For example, I want to cycle 10 Time

	<view wx:for="{
    {10}}"></view>  // That's it