这篇文章主要介绍css如何设置多行超出显示省略号，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！
专注于为中小企业提供网站设计、成都网站制作服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业井冈山免费做网站提供优质的服务。我们立足成都，凝聚了一批互联网行业人才，有力地推动了1000多家企业的稳健成长，帮助中小企业通过网站建设实现规模扩充和转变。
设置方法：1、用“overflow:hidden;”把超出的部分隐藏起来；2、用“-webkit-line-clamp:行数;”限制显示文本的行数；3、用“text-overflow:ellipsis;”显示省略号来代表被隐藏的超出部分。
本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。
css设置多行超出省略号
实现思想：
1、使用“overflow:hidden;”语句不显示超过对象尺寸的内容，就是把超出的部分隐藏了；
2、使用“-webkit-line-clamp: 行数;”语句限制显示文本的行数
3、使用“text-overflow:ellipsis;”语句用省略号“…”隐藏超出范围的文本
实现代码：
css多行文本超出长度显示省略号，css多行文本超出长度显示省略号，
css多行文本超出长度显示省略号，css多行文本超出长度显示省略号
