CSS网格在自己行的网格内，即CSS问题
我有一个应用程序，用于设计使用反应式表单的表单。简单表单现在可以完美地工作（我使用CSS网格来显示表单）。每行有12个元素宽，但我在正确显示网格数据时遇到问题，即当用户可以输入多行数据时。“设计器”用JSON定义一个网格，然后加载该网格，然后用户将数据输入网格。设计师可以设计一个类似下面的网格，即一行包含3个网格。然后，用户将输入10行，将数据输入到不同的网格中。数据输入etc工作得很好-我遇到的问题是行的对齐 当用户添加新行时，我无法将元素保持在一起。我想在两行/三行上显示它们，也就是说，我想在自己的行上显示蓝色元素（可能有点缩进），下面的黄色（也缩进到蓝色行）。当用户添加另一行时，它应该再次从左侧开始-很难解释，因此这可能会有所帮助： 注意：这是不响应的，因为它只在台式机上使用。基本上，我只想保持三个网格在一起 下面是一个处理JSON文件后得到的示例。我希望CSS能提供一些帮助，使行元素正确，即行始终保持在一起，网格中的网格移动到下一行 我没有在代码中创建新行，因为这是不相关的-您可以只使用+符号来添加另一行-我不知道用户需要多少行CSS网格在自己行的网格内，即CSS问题,css,css-grid,Css,Css Grid,我有一个应用程序，用于设计使用反应式表单的表单。简单表单现在可以完美地工作（我使用CSS网格来显示表单）。每行有12个元素宽，但我在正确显示网格数据时遇到问题，即当用户可以输入多行数据时。“设计器”用JSON定义一个网格，然后加载该网格，然后用户将数据输入网格。设计师可以设计一个类似下面的网格，即一行包含3个网格。然后，用户将输入10行，将数据输入到不同的网格中。数据输入etc工作得很好-我遇到的问题是行的对齐 当用户添加新行时，我无法将元素保持在一起。我想在两行/三行上显示它们，也就是说，我想
正文{
背景：红色；
}
梅因先生{
背景颜色：蓝色；
显示：网格；
网格模板行：自动；
网格模板列：重复（12，1fr）；
网格行间距：10px；
栅柱间隙：10px；
}
.输入{
显示：块；
宽度：100%；
边界：无；
保证金：0；
格构柱：跨度3；
}
.行{
显示：网格；
网格模板行：自动；
网格模板列：重复（12，1fr）；
网格行间距：10px；
栅柱间隙：10px；
}