在页面重构中，经常需要将过多的内容隐藏而显示部分。在单行文本中实现非常简单，但是在多行文本中，则需要根据实际选择不同的方式。 用CSS实现多行溢出隐藏的代码非常简单，但是兼容性也相对较低。 这不是我们这次需要讲解的重点。 这次的关注点在于如何用JS来实现隐藏过多内容，用省略号 ...

如图： 但是这个属性只支持单行文本的溢出显示省略号，如果我们要实现多行文本溢出显示省略号呢。 接下来 ...

单行： 　　overflow:hidden; 　　text-overflow:ellipsis; 　　white-space:nowrap; 多行： overflow: hidden; text-overflow: ellipsis ...

style='min-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis' ...

单行隐藏： overflow: hidden;/*超出部分隐藏*/ text-overflow:ellipsis;/* 超出部分显示省略号 */ white-space: nowrap;/*规定段落中的文本不进行换行 */ 多行隐藏： 多行隐藏需要 ...

转载：https://www.cnblogs.com/wangzhichao/p/7809748.html html单行、多行文本溢出隐藏 单行： div{　　/* 单行溢出隐藏 */ width: 150px; white-space: nowrap ...

欢迎加入前端交流群来py：749539640 单行： 多行： 注： -webkit-line-clamp用来限制在一个块元素显示的文本的行数。 为了实现该效果，它需要组合其他的WebKit属性。常见结合属性： display: -webkit-box ...

溢出的文字隐藏 word-break:自动换行 normal 使用浏览器默认的换行规则。 break-all 允许在单词内换行。 keep-all 只能在半角空格或连字符处换行。 主要处理英文单词 white-space white-space设置或检索对象内文本显示方式。通常 ...