单行:
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
多行:
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2; //两行,根据需求可更改
overflow: hidden;
-webkit-line-clamp 限制块元素显示的文本行数
如有发现多行并没有隐藏,需要给这个元素设置一个宽度,不设置的话则变为很长的一行