el-header垂直居中

### 回答1：
要将 `el-header` 垂直居中，可以使用 CSS 样式控制。以下是一种简单的方法：

<template>
  <el-header class="my-header">
    <!-- 组件内容 -->
  </el-header>
</template>

<style>
.my-header {
  display: flex;
  justify-content: center;
  align-items: center;
}
</style>

在这个示例中，我们给 `el-header` 添加了一个自定义的类名 `my-header`，并使用 CSS 样式将其变成一个 `flex` 容器。`justify-content: center` 属性使子元素水平居中，而 `align-items: center` 属性则使子元素垂直居中。你可以根据实际情况调整样式细节。

### 回答2：
要使el-header垂直居中，需要使用一些CSS样式来达到目的。可以按照以下步骤操作：

1. 首先，在el-header的父容器中，添加以下CSS样式：

   display: flex;
   align-items: center;

2. 在el-header中，添加以下CSS样式：

   margin:auto;

通过这些CSS样式，可以将el-header垂直居中。首先，使用"display: flex;"将父容器设置为弹性布局，这样el-header可以沿垂直方向居中。然后，使用"align-items: center;"使el-header在垂直方向上居中对齐。最后，使用"margin:auto;"使el-header在父容器中水平居中。

这样，el-header就可以垂直居中了。使用这些CSS样式可以确保el-header在不同屏幕尺寸下都能居中显示。

### 回答3：
要想使el-header垂直居中，可以通过以下几种方法实现：

1. 使用Flex布局：给el-header的父元素添加flex属性，并将其flex-direction设置为column，这样el-header会垂直居中。例如：

<div style="display:flex; flex-direction: column;">
    <el-header>内容</el-header>
</div>

2. 使用绝对定位：给el-header的父元素设置position为relative，再给el-header设置position为absolute，并将top和bottom的值都设置为0，这样el-header会居中。例如：

<div style="position:relative;">
    <el-header style="position:absolute; top:0; bottom:0;">
        内容
    </el-header>
</div>

3. 使用表格布局：给el-header的父元素添加display:table属性，再将el-header设置为display：table-cell，并在其中加入vertical-align属性并设置为middle，这样el-header会垂直居中。例如：

<div style="display: table;">
    <el-header style="display: table-cell; vertical-align: middle;">
        内容
    </el-header>
</div>

以上三种方法都可以实现el-header的垂直居中效果，可以根据具体情况选择适合的方法进行使用。