1. 程式人生 > 其它 >Elment-UI中的show-overflow-tooltip 設定寬度以及內容換行

Elment-UI中的show-overflow-tooltip 設定寬度以及內容換行

技術標籤:前端開發小筆記前端elementui

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.結果