el-col 文字水平垂直居中

要让 el-col 中的文字水平垂直居中，可以使用 flex 布局和 align-items、justify-content 属性来实现。具体的做法如下：

<template>
  <div class="container">
    <el-row>
      <el-col :span="24" class="text-center">
        <div class="centered">
          <h1>这是一个居中的标题</h1>
          <p>这是一段居中的文本</p>
        </div>
      </el-col>
    </el-row>
  </div>
</template>

<style scoped>
.container {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
}

.centered {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
</style>

上面的代码中，我们首先给最外层的容器设置了 display: flex 和 align-items: center、justify-content: center 属性，让它能够水平垂直居中。然后在 el-col 中再嵌套一个 div 容器，给它设置了 display: flex 和 flex-direction: column 属性，让它能够垂直居中。最后，在 div 容器中的文本元素上设置了 text-align: center 属性，让文本能够水平居中。这样就可以实现 el-col 中的文字水平垂直居中了。