可以看到此时auto的网格宽度不再拉伸了,并且所有的网格都居中到了grid容器的中心了 再使用一下justify-items: center看看 看,网格自身布局并没有变化,只是每个占用网格的元素在每个网格中居中布局了。
[网站开发入门指南117] Grid元素与网格位置调整 justify-items align-items grid布局| html css 零基础入门教程 #前端 #html #css #javascript #网站开发 - 好奇代码的三木于20240316发布在抖音,已经收获了6.8万个喜欢,来抖音,记录美好生活!
引入justify-content: center之后，可以看到网格的宽度不再拉伸，而是所有网格都均匀地居中到grid容器的中心位置。接下来，试用justify-items: center。观察结果，网格的布局保持不变，但每个占据网格空间的元素在各自的网格中实现了居中布局。