The two ends are aligned, and the number of elements is not fixed, resulting in a large gap in the middle

rendering

The solution
  1. The maximum number of elements in a simulated row is reduced by 1, and the height of the simulated row is set to zero
  2. Use the margin-right attribute of the last element to fill in the margin

Welcome to leave your comments, and we will get feedback

Related articles

  1. Flex layout mind map, summary, each attribute case