父div块里8个div小块 2行4列

在HTML布局中，如果你想要创建一个父div容器里面包含8个小div块，排列成2行4列的形式，你可以使用CSS的grid布局或者是flexbox布局。这里分别给出两个例子：

**使用CSS Grid布局：**

<div class="parent-grid">
  <div>Div 1</div>
  <div>Div 2</div>
  <div>Div 3</div>
  <div>Div 4</div>
  <div>Div 5</div>
  <div>Div 6</div>
  <div>Div 7</div>
  <div>Div 8</div>
</div>

<style>
.parent-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(2, 1fr);
}
</style>

**使用CSS Flexbox布局（四列两行）：**

<div class="parent-flex">
  <div>Div 1</div>
  <div>Div 2</div>
  <div>Div 3</div>
  <div>Div 4</div>
  <div>Div 5</div>
  <div>Div 6</div>
  <div>Div 7</div>
  <div>Div 8</div>
</div>

<style>
.parent-flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; /* 或者 flex-start/flex-end */
}

.parent-flex > div {
  flex-basis: calc(50% - 10px); /* 调整间距，10px是一个示例值 */
}
</style>