可以使用以下代码来实现标题文字居中的效果: 复制 <el-collapse-item> <template slot="title"> <div style="text-align: center;">反馈 Feedback</div> </template> 内容 Content </el-collapse-item> 其中,<template slot="title"> 表示自定义标题区域,<div> 中的 style="text-align: center;" 是将标题文字居中显示的关键代码。 无效
时间: 2023-12-01 13:04:53 浏览: 62
很抱歉,我之前的回答有误。在使用 Element UI 的 Collapse 组件时,可以在 title 区域使用 CSS 居中文本。以下是一个示例代码:
```
<el-collapse-item>
<template slot="title">
<div class="title">反馈 Feedback</div>
</template>
内容 Content
</el-collapse-item>
<style>
.title {
text-align: center;
}
</style>
```
在上面的代码中,我们在 title 中使用了一个自定义的 div 标签,并为其添加了一个类名 `title`,然后在样式中使用 `text-align: center` 属性来使标题居中。希望这可以帮助到你。
阅读全文