tooltip固定宽度
时间: 2023-08-24 07:14:22 浏览: 149
element中利用tooltip实现文字超出框悬浮显示
回答: 要设置tooltip的固定宽度,可以使用以下方法。首先,在需要设置宽度的地方,单独写一个<style>标签,并在其中添加样式代码,例如:<style lang="css"> .el-tooltip__popper{ max-width:50% } </style>。这样就可以将tooltip的宽度设置为50%。\[1\]另外,如果想要为tooltip的popper添加类名,可以使用popper-class属性,并在其中指定类名,例如:<el-tooltip effect="dark" :content="row.range" placement="top-start" popper-class="tool-tip">...</el-tooltip>。这样就可以为tooltip的popper添加一个名为"tool-tip"的类名。\[2\]此外,如果想要tooltip的内容单行显示而不折行,可以使用show-overflow-tooltip属性,并将其设置为true,这样多余的内容会在hover时以tooltip的形式显示出来。\[3\]
#### 引用[.reference_title]
- *1* *3* [ElementUI表格show-overflow-tooltip设置宽度](https://blog.csdn.net/weixin_43901865/article/details/119142600)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^koosearch_v1,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* [el-tooltip 修改宽度](https://blog.csdn.net/weixin_44157964/article/details/126974233)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^koosearch_v1,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]
阅读全文