使用页脚中的按钮在网格视图中添加空白行

.grid-container::after {
  content: "";
  grid-row: auto;
}

<div class="grid-container">
  <div class="grid-item">Item 1</div>
  <div class="grid-item">Item 2</div>
  <div class="grid-item">Item 3</div>
  <div class="grid-item">Item 4</div>
  <div class="grid-item">Item 5</div>
  <div class="grid-item">Item 6</div>
  <div class="grid-item">Item 7</div>
  <div class="grid-item">Item 8</div>
  <div class="grid-item">Item 9</div>
  <div class="grid-item blank-item"></div> <!-- 空白行 -->
</div>

.blank-item {
  visibility: hidden;
  /* 或者使用以下样式将其设置为透明 */
  /* opacity: 0; */
}