自学内容网 自学内容网

js 文字太长处理

js处理:

<div style='width:120px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;'></div>

white-space:nowrap; 规定段落中的文本不换行
text-overflow:ellipsis; 文本溢出部分用省略号代替
overflow:hidden; 溢出元素不显示

vue处理

在el tabel中使用 show-overflow-tooltip来标记需要处理的单元格

<el-table-column show-overflow-tooltip></el-table-column>这个字段对应显示列表过长会自动截断+…显示


原文地址:https://blog.csdn.net/xiansibao/article/details/137872458

免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!