CSS Grid Layout: Box Alignment in CSS Grid Layout

If you are familiar with flexbox then you will already have encountered the way in which flex items can be properly aligned inside the flex container. These alignment properties that we first met in the flexbox specification have been moved into a new specification called Box Alignment Level 3. This specification has details for how alignment should work in all of the different layout methods.

Each layout method that implements Box Alignment will have some differences due to the fact that each method has different features and constraints (and legacy behavior), making it impossible to do alignment in exactly the same way across the board. The Box Alignment specification has details for each method, however you would be disappointed if you tried to do alignment

登录查看完整内容