css溢出文字隐藏为省略号（文字有两行及以上情况）

一开始长这样：

设置完后长这样： 

步骤：

  overflow:hidden;//溢出文字隐藏

  text-overflow:ellipsis;//溢出的显示为省略号..

  display:-webkit-box; //显示为弹性伸缩盒子

  -webkit-box-orient:vertical;//盒子中的子元素垂直

  -webkit-line-clamp:2; //文字显示为2行

总结：一开始没想到设置弹性伸缩，只写了前两行，啥用没有。

更新:想去掉首行文本前的空格，试了让文字左对齐什么的失败。重新更改了宽度，结果文字只能显示一半了emm.

又用line-height更改了行高，成功了.

最后长这样: