Elment-UI中的show-overflow-tooltip 設定寬度以及內容換行
阿新 • • 發佈:2021-02-09
1. 情況說明:show-overflow-tooltip顯示的文字佔滿一整行,現在需要做到換行顯示,佔一半寬度。
html程式碼:
<el-table-column align="center" min-width="200" prop="remarks" label="備註" show-overflow-tooltip/>
效果:
2. 處理:
<style lang="scss"> .el-tooltip__popper { max-width: 50%; } </style>
注意:可以在全域性新增這樣全部生效,如果不想加在全域性的話,可以單獨加在頁面當中,但是切記修改elementui自帶樣式的話,不能在scoped中修改,因為不會生效。
3.結果