overflow 溢出:

• overflow:visible/hidden/scroll/auto/inherit；
• visible:默认值、不剪切。
• hidden:超出部分剪切、没有滚动条。
• scroll:超出部分有滚动条。
• auto:自适应，有滚动条。
• inherit:继承父元素的overflow得值。

空余空间:

• white-space:pre/pre-wrap/nowrap/pre-line/inherit；
• pre:识别回车和空格、不换行。
• pre-wrap:识别回车和空格、换行。
• nowrap:不识别回车和空格、不换行。
• pre-line:识别回车、不识别空格、识别换行。
• inherit:继承父元素的white-space属性。

转载：https://blog.51cto.com/u_15127510/4649298

/*单行*/
{
width:valve;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipse;
}

{
/*多行，webkit-line-clamp设置行数*/
word-wrap: break-word;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}