代码示例:(标识:cssref_row-gap_flexbox)
<!DOCTYPE html>
<html>
<head>
<style>
#flex-container {
  border: 1px solid black;
  background-color: rgb(255, 230, 251);
  display: flex;
  flex-wrap: wrap;
  row-gap: 70px;
}
#flex-container > div {
  border: 1px solid black;
  width: 10%;
  aspect-ratio: 2;
  padding: 10px;
  background-color: lightgreen;
}
</style>
</head>
<body>

<h1>在弹性框布局中使用 row-gap 属性</h1>

<p>使用 row-gap 属性指定弹性框布局中行之间的间隙大小。</p>
<p>这个弹性框布局在行之间有 70px 的间距:</p>

<div id="flex-container">
  <div>1</div>
  <div>2</div>
  <div>3</div>  
  <div>4</div>
  <div>5</div>
  <div>6</div>
  <div>7</div>  
  <div>8</div>  
  <div>9</div>  
  <div>10</div>  
  <div>11</div>  
  <div>12</div>  
  <div>13</div>  
</div>

</body>
</html>
运行结果: