Javascript 3卡网格布局

您必须做两件事：

要使栅格更窄，必须为其设置小于视口宽度100%的宽度

有一些方法可以使网格在屏幕上居中，最简单的方法可能是使用自动边距

因此网格容器的CSS应该是：

grid-template-columns: 1fr 1fr 1fr;
width: 80%;
margin: auto;
column-gap: 2vw;

---

您可以使用“宽度”和“列间距”值来查看网格纵横比是否符合您的要求。

您必须做两件事：

要使栅格更窄，必须为其设置小于视口宽度100%的宽度

有一些方法可以使网格在屏幕上居中，最简单的方法可能是使用自动边距

因此网格容器的CSS应该是：

grid-template-columns: 1fr 1fr 1fr;
width: 80%;
margin: auto;
column-gap: 2vw;

---

您可以使用宽度和列间距值来查看网格纵横比是否符合您的要求。

您可以在起始列div中使用offset-1。 然后使用bootstrap中的justify center class 或
或者，您可以使用“对齐中心”。 或者您可以尝试在列div的开始和结束处使用空白div，并使用1-2个网格或它 因此，您将拥有类似[1][3][3][3][1]的grib结构和[1]的偏移网格 用于中心对齐

---

您可以在起始列div中使用offset-1。 然后使用bootstrap中的justify center class 或
或者，您可以使用“对齐中心”。 或者您可以尝试在列div的开始和结束处使用空白div，并使用1-2个网格或它 因此，您将拥有类似[1][3][3][3][1]的grib结构和[1]的偏移网格 用于中心对齐

---

您使用的是什么框架？它是IBM的northstar@alirezafattahi，您可以添加您正在尝试的示例代码@SurajPrasad@aviboy2006添加您必须添加运行的示例代码，如css或js（如果有的话）。添加了任何外部css。您使用的是什么框架？它是IBM的northstar@alirezafattahi，您可以添加您正在尝试的示例代码@SurajPrasad@aviboy2006添加您必须添加运行的示例代码，如css或js（如果有的话）。添加任何外部css。