Question

我正在尝试创建一个CSS网格，其中X_train_minmax = min_max_scaler.fit_transform(X_train) ##all features included X_train_reshaped = X_train_minmax.reshape(seq_samples,time_steps,features)具有以下定义：

grid-template-rows

现在显然，以上操作无效。我希望我的错误代码能说明我打算做什么。用英语说：第一行，我想（例如）高度为20像素；变量（不确定，可能是2，可能是20）剩余的行应等于剩余高度的相等部分。有人可以告诉我为什么以上无效起作用，以及什么（如果有的话）会做什么？

Answer 1

由于只有第一行是确定的，因此不需要使用grid-template-rows来定义网格中可能存在的所有行。

第一行可以存在于显式网格（大小为grid-template-rows）中。

剩余的行可以存在于隐式网格（大小为grid-auto-rows）中。

代替此：

.grid-container {
  display: grid;
  grid-template-rows: 20px repeat(auto-fill, 1fr);
}

尝试一下：

.grid-container {
  display: grid;
  grid-template-rows: 20px;
  grid-auto-rows: 1fr; /* also try `auto` (which is the default) */
}

另请参阅：Equal height rows in CSS Grid Layout

第一行大小有限，可变的剩余行等于剩余空间的一部分？

1 个答案: