文字超出隐藏省略号展示

一.单行超出隐藏省略号

 /* 文字过多换行显示，现在强行让文字在一行显示 */
 white-space: nowrap;
 /* 然后然溢出的部分文字隐藏 */
 overflow: hidden;
 /* 文字溢出显示用省略号。  */
 text-overflow: ellipsis;

二.多行超出隐藏省略号

display:-webkit-box;
-webkit-box-orient:vertical;
 /* 文字2行溢出显示用省略号。  */
-webkit-line-clamp:2;
overflow:hidden;