show-overflow-tooltip 两行
时间: 2023-08-16 17:16:59 浏览: 195
能够实现多行显示tooltip的类
3星 · 编辑精心推荐
show-overflow-tooltip属性可以实现当文本超出一行时用省略号替代,并在鼠标移入时显示全部内容的需求。但是如果想要实现文本超出两行的需求,这个属性是无法完成的。\[3\]如果你想要实现文本超出两行时隐藏多余文本,并在鼠标移入时显示全部内容,可以使用自定义的el-popover组件,并设置相应的样式。\[2\]你可以通过设置类名为set-content的样式,将表格内容设置为超出两行时显示省略号。然后在el-popover组件中,将popover内容设置为固定宽度,并使用类名为set-popper的样式来控制popover的宽度。这样当鼠标移入时,popover会显示全部内容。
#### 引用[.reference_title]
- *1* *3* [element-UI table文字超出两行,隐藏多余文字,移入显示tips](https://blog.csdn.net/qq_42533735/article/details/107057038)[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^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* [element ui table show-overflow-tooltip自定义样式](https://blog.csdn.net/weixin_42254016/article/details/126744506)[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^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]
阅读全文