el-menu-item 鼠标悬浮显示全文
时间: 2023-12-14 13:42:45 浏览: 35
在你提供的代码中,你可以使用CSS的text-overflow属性来控制鼠标悬浮时el-menu-item的文本显示全文。你可以将以下代码添加到你的CSS样式中:
.el-menu-item {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
这样,当鼠标悬浮在el-menu-item上时,文本将会显示全文。\[3\]
#### 引用[.reference_title]
- *1* *2* [el-menu修改item颜色](https://blog.csdn.net/bu_xiang_tutou/article/details/129678103)[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^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
- *3* [el-menu中文字过长,显示省略号,鼠标悬停显示全文](https://blog.csdn.net/weixin_44117394/article/details/108225791)[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^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]