在CSS网格中命名列和行

Question

我知道CSS网格中的命名区域，这很有用，但需要同时指定列和行，并且之后不能扩展。但是，我需要一个具有无限行的表。我想通过将每一行的数据分配到其对应的列来将其分配给它的命名列。我查找了MDN和其他来源，但未找到具体知识。有人可以指出一个方向吗？谢谢。

columnA   ColumnB  ColumnC
dataA      dataB    dataC
.....      .....    ....
[namedA]  [namedB]  [namedC]

Answer 1

您已经注意到，CSS Grid specification提供了named grid areas。

它还提供了unnamed grid areas。

但是，“网格”规范中没有任何东西允许命名网格轨迹（列/行）。

实际上，CSS中一般没有targeting columns or rows。

您将需要使用显式网格（允许定义网格区域的位置）或JavaScript。