The layout of WeChat Mini Programs

the content is not centered after the page uses flex layout to set justify-content:center;

there are also settings for flex-wrap:wrap; view and no line change. Do any bosses know why?

problem description

the environmental background of the problems and what methods you have tried

related codes

/ / Please paste the code text below (do not replace the code with pictures)

what result do you expect? What is the error message actually seen?

Dec.15,2021

css layout must be written wrong. Check carefully, the relationship between parent and child elements, width and height of parent-child elements, etc.


recommend an online gadget
https://demo.agektmr.com/flex.


that's because you flex-direction: column;
when the justify-content:center; is vertically centered

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-1e4c92e-44ec3.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-1e4c92e-44ec3.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?