css文字溢出隐藏效果

以下两种情况都是直接给【放文字的标签】设置样式，不是给父级标签设置

1、显示一行，超出部分使用…进行处理

效果：

 样式：

overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;

2、显示两行，超出部分…

效果:

代码：

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