css - Questions about Flex layout

Question

The code I use for flex layout is as follows:
.cszgroup-ul{ display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 15px; padding-bottom: 5px;}
.cszgroup-ul li{ width: 31%; margin-bottom: 10px;}
The result is this:

phpcn_u1582 · Answer

I haven’t tried it, but I thought of a simple way? Add a placeholder p in the penultimate position and set its visibility to hidden. How about it?

高洛峰 · Answer

cszgroup-ul {
  justify-content: flex-start;
}

我想大声告诉你 · Answer

If your li is not dynamically loaded, there is a stupid way to write an empty li and prop it up.

天蓬老师 · Answer

There is no good way, add additional li to occupy the space, and then dynamically add additional nodes to occupy the space after the li here is rendered.

PHP中文网 · Answer

Give him margin-left:auto;

for the last one