超出文本 单行、多行 显示省略号

单行

width: 100%;   /*一定要设置宽度，或者元素内含的百分比*/
overflow:hidden; /*溢出的部分隐藏*/
white-space: nowrap; /*文本不换行*/
text-overflow:ellipsis;/*ellipsis:文本溢出显示省略号（...）；clip：不显示省略标记（...），而是简单的裁切*/

多行

display: -webkit-box;
/* -webkit-box-orient: vertical; */
/*! autoprefixer: off */
-webkit-box-orient: vertical;
/* autoprefixer: on */
//超出多少行显示省略号
-webkit-line-clamp: 2;
overflow: hidden;