设置一个header元素居于盒子中间

你可以使用 flex 布局来实现将一个 `header` 元素居于盒子的中间。具体实现步骤如下：

1. 在父级盒子上设置 `display: flex;` 将其设置为 flex 布局。

2. 在父级盒子上设置 `justify-content: center;` 将子元素水平居中。

3. 在父级盒子上设置 `align-items: center;` 将子元素垂直居中。

4. 在子元素 `header` 上设置 `margin: auto;` 将其置于父级盒子的中间。

例如：

HTML代码：

<div class="box">
  <header>居中的header</header>
</div>

CSS代码：

.box {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 200px; /* 设置盒子高度，方便演示 */
  border: 1px solid #ccc; /* 方便演示 */
}

header {
  margin: auto;
}

这样，`header` 元素就会居于盒子的中间了。