Html 如何在不使用引导的情况下从两侧定位form 3-cols 我如何将表单（卡里面）、两边的3个大号放在一起，这样表单就在中间大约6圈，而不用引导、实体化或类似的东西。 谢谢

形式
用户名
{{form.username}
电子邮件
{{form.email}
密码
{{form.password1}}
确认密码
{{form.password2}}

您可以使用css来创建类“卡”。您希望将卡放置在中间，以便从左侧和右侧留出边距。“边距-左侧”将放置卡，“边距-右侧”将限制卡向右移动。 左边距：所需宽度 右边距：所需宽度

这对我很有用。希望它能解决您的问题。

一种方法是使用

创建容器并将其拆分为12列：

.card-container {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
}

让内容从第4列开始，跨越6列

.card {
  grid-column: 4 / span 6;
}

代码笔

---

Maiti这不是解决这个问题的有效方法