请举个简单例子将el-col中的文字居中
时间: 2024-06-03 22:09:05 浏览: 78
el-date-picker 英文改中文.doc
5星 · 资源好评率100%
好的,我们可以使用以下代码将 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。
阅读全文