grid布局中的justify-content和justify-items的区别
最新回答
探春
2021-10-17 20:15:24
让我们通过示例代码来直观地理解这两个属性的使用。以下是基础的代码框架，我们将在其中应用justify-content和justify-items属性。
在原始状态下，网格的布局可能如下所示（请注意，虚线是用于调试目的，展示的是每个网格的边界）。
引入justify-content: center之后，可以看到网格的宽度不再拉伸，而是所有网格都均匀地居中到grid容器的中心位置。
接下来，试用justify-items: center。观察结果，网格的布局保持不变，但每个占据网格空间的元素在各自的网格中实现了居中布局。
热门标签
