<el-descriptions title="考勤情况" :column="1" border label-position="top" title-class="center"> 让这里面的title="考勤情况"居中
时间: 2024-04-01 11:30:05 浏览: 122
vue template中slot-scope/scope的使用方法
要让<el-descriptions>组件中的title="考勤情况"居中,可以使用以下步骤:
1. 在<el-descriptions>标签中添加一个属性title-class="center",这将为title元素添加一个名为center的class。
2. 在你的CSS文件中,添加一个.center的class,并设置其样式为居中对齐。
下面是示例代码:
```html
<el-descriptions title="考勤情况" :column="1" border label-position="top" title-class="center">
<!-- 其他内容 -->
</el-descriptions>
```
```css
.center {
text-align: center;
}
```
这样,<el-descriptions>组件中的title="考勤情况"就会居中显示了。
阅读全文