css row-gap属性设置弹性布局容器内行与行之间的间距

CSS row-gap属性

CSS row-gap属性是弹性布局容器内行与行之间的间距属性，它可以用来设置行间距，使得布局更加美观。

使用方法

row-gap属性可以使用以下任意一种方式来设置：

• 使用row-gap属性：

  row-gap: 10px;
          

• 使用gap属性：

  gap: 10px;
          

• 使用grid-row-gap属性：

  grid-row-gap: 10px;
          

以上三种方式，都可以用来设置行间距，但是要注意的是，row-gap属性仅仅支持弹性布局容器，而gap和grid-row-gap属性则支持所有的容器，包括弹性布局容器。

row-gap属性还可以使用百分比来设置行间距，如：

row-gap: 10%;

这样可以使得行间距可以随着容器的大小而变化，从而更加灵活。