CSS单行省略怎样改成多行省略？

Question

<div style="display:block;width:300px;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">文档编辑团队根据用户的实际情况编写了一组教程文档，用户可依情况有针对性的查看。MS文档编辑团队根据用户的实际情况编写了一组教程文档，用户可依情况有针对性的查看文档编辑团队根据用户的实际情况编写了一组教程文档，用户可依情况有针对性的查看。文档编辑团队根据用户的实际情况编写了一组教程文档，用户可依情况有针对性的查看。文档编辑团队根据用户的实际情况编写了一组教程文档，用户可依情况有针对性的查看。MS文档编辑团队根据用户的实际情况编写了一组教程文档，用户可依情况有针对性的查看。文档编辑团队根据用户的实际情况编写了一组教程文档，用户可依情况有针对性的查看。MS文档编辑团队根据用户的实际情况编写了一组教程文档，用户可依情况有针对性的查看。。
</div>这个是单行的.
文档编辑团队根据用户的实际情况编写了一组教程文档，用户可依情况有针对性的查看。MS文档编....我想改成两行再省略，就是下面这样，该怎样写呢？
文档编辑团队根据用户的实际情况编写了一组教程文档，用户可依情况有针对性的查看。MS文档编辑团队根据用户的实际情况编写了一组教程文档，用户可依情况有针对性的查看文档编辑团队根据用户的实际情况编写了一组教.....

Answer 1

white-space，属性只有三个值：normal，nowrap，pre所以如果你要实现两行再省略的话，可通过截取了。那样是你自己控制了。

Answer 2

这个在后台做限制比较方便吧~~前台的话，CSS好像实现不了，JS倒是可以