请举个简单例子将el-col中的文字居中

好的，我们可以使用以下代码将 el-col 中的文字居中：

<template>
<el-row>
<el-col :span="24" class="text-center">
这是居中的文本内容
</el-col>
</el-row>
</template>

<style>
.text-center {
text-align: center;
}
</style>

在这个例子中，我们使用了 el-row 和 el-col 组件来创建一个栅格布局，在 el-col 中添加了 class="text-center" 来实现文字居中效果，然后在样式表中定义了 .text-center 类来设置 text-align 属性为 center。