单行超出隐藏有省略号，多行超出隐藏有省略号

单行超出隐藏有省略号:

//不换行
white-space: nowrap;
//超出隐藏
overflow: hidden;
//超出部分用...代替
text-overflow: ellipsis;

多行超出隐藏有省略号:

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