修改el-tooltip的宽度
时间: 2024-02-06 20:07:38 浏览: 207
改变el-table宽度
5星 · 资源好评率100%
你可以通过修改el-tooltip的宽度来调整提示框的宽度。以下是两种修改el-tooltip宽度的方法:
方法一:使用内联样式
```html
<el-tooltip class="item my-tooltip" effect="dark" placement="top">
<div slot="content" :style="{ width: '227px' }">活跃度=发言人数(去重)/总人数,例如:群内有100人,共有20个人发了言,则活跃度为20%</div>
<span class="all-title-list-item-num">{{ queryForm.active }}%</span>
</el-tooltip>
```
方法二:使用CSS类
```html
<el-tooltip class="item my-tooltip" effect="dark" placement="top">
<div slot="content" class="tooltip-content">活跃度=发言人数(去重)/总人数,例如:群内有100人,共有20个人发了言,则活跃度为20%</div>
<span class="all-title-list-item-num">{{ queryForm.active }}%</span>
</el-tooltip>
```
```css
.tooltip-content {
width: 227px;
}
```
这两种方法都可以修改el-tooltip的宽度,你可以根据自己的需求选择其中一种方法进行使用。
阅读全文