用css控制网站里的标题、描述等文本超出一行或者多行，超出部分隐藏并自动显示省略号

直接上干货。

（1）超出一行，隐藏超出部分的文本并自动显示省略号，代码如下：

overflow: hidden;//把超出的部分隐藏
white-space: nowrap;//规定文本不进行换行
text-overflow: ellipsis;//超出部分显示为省略号

（2）超出两行甚至多行，隐藏超出部分的文本并自动显示省略号，代码如下：

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

上面是超出两行的，如果限制在三行呢，就把上面代码里的全部数字2改为3即可。