有些时候表格的内容太长了；
但是elementui中的表格，会进行换行处理；
此时表格的高度就会发生变化
这样就不好看，此时就要进行省略号来出来这个问题；
el-table是有这个控制属性的：:show-overflow-tooltip='true'
进行换行；如果超出内容hover还有提示效果的哈~
<el-table-column prop="description" label="内容" :show-overflow-tooltip="true"></el-table-column>
elementui表格内容超出显示省略号
2022-05-12
1076
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
elementui表格内容超出显示省略号
目录
相关文章
|
前端开发
|
JavaScript
前端开发
|
6月前
|
移动开发
前端开发
HTML5
有关CSS中排版常见问题（清除默认样式问题 + 元素居中问题 + 元素之间的空白问题 + 行内块的幽灵空白问题）
有关CSS中排版常见问题（清除默认样式问题 + 元素居中问题 + 元素之间的空白问题 + 行内块的幽灵空白问题）
71
5
5
|
前端开发
|
JavaScript
容器
|
JavaScript
|
前端开发
|
前端开发
css3 新属性 text-overflow 实现截取多余文字内容 以省略号来代替多余内容
我们在设计网站的时候有时会遇到这样一个需求：因为页面空间大小的问题，需要将多余的文字隐藏起来，并以省略号代替，类似这样的效果：
做到这样的效果，我们不仅需要运用到css3的新属性 text-overflow
，该属性的作用就是设置一下被隐藏文本的展示形式（例如隐藏文本用……展示），除此之外还需要用到属性 white-space
使文字不换行，以及使用属性 overflow:hidden
隐藏多余的文字
接下来我们就来分步讲解一下这几个属性的应用吧
338
0
0
