css网格布局如何设置行间距

在CSS网格布局中，设置行间距需要使用`grid-row-gap`属性。`grid-row-gap`属性用于设置网格布局中行与行之间的间距，可以设置任意长度单位的值，例如像素或百分比。以下是一个示例代码：

.grid-container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: auto;
  grid-row-gap: 20px; /* 设置行间距为20像素 */
}

在上面的示例中，`grid-row-gap`属性设置了行间距为20像素。请注意，在使用`grid-template-rows`属性设置行高时，将`auto`作为值可以使行高根据内容自动调整。