文本超出隐藏出现省略号
Posted hermitks
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了文本超出隐藏出现省略号相关的知识,希望对你有一定的参考价值。
1.单行文本溢出
overflow: hidden;
text-overflow: ellipsis;
white-space: nowarp;
2.多行文本
1 overflow: hidden; 2 text-overflow: ellipsis; 3 display: -webkit-box; //将元素设为盒子伸缩模型显示 4 -webkit-box-orient: vertical; //伸缩方向设为垂直方向 5 -webkit-line-clamp: 2; //行数,超出出现省略号
以上是关于文本超出隐藏出现省略号的主要内容,如果未能解决你的问题,请参考以下文章
table中td超出内容隐藏,鼠标悬停全部显示(完整版,含js代码)