Is there a way for css flex to align multi-div center to the left?

I am working on a page recently. I want to use flex, but I can"t seem to align multiple blocks to the left center.

if the following is not filled, the following will be centered.
but I want him to align to the left if it is not filled.

can this flex do that?

Let me show you my source code
https://codepen.io/AndyTsai/p.

Flexbox flex css3 css

Mar.25,2021

you can fill in a fake div in the second line and set the visible to false

justify-content: flex-start;. Mainly do not understand the meaning of multi-block left center.

if you can, try the Grid layout

display: grid;
grid-template-columns: repeat(3, 220px);
justify-content: center;

Previous: How do you achieve a particle effect like this?

Next: Position:fixed an element that overflows from the screen, how do you display content outside the screen?

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b2c492-2ae66.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b2c492-2ae66.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?