实现文本超出显示省略号

关键词 ：文本超出显示省略号

以前一直以为只能实现一行文本超出才能显示省略号，今天才发现 是我见识太浅薄了！

1.限制文本为一行超出显示点点点

height: 30px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;

重点是定高且控制换行！！！

2.限制文本为X行超出显示点点点

overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;

啦啦啦啦 学到啦 希望对各位童鞋有帮助哦