当遇到多行的文本，固定了高度的情况下，这又该如何写呢？

Question

在单行文本的情况下，可以用来使超出范围的文本用省略号隐藏：

overflow: hidden;text-overflow: ellipsis;white-space: nowrap;

像下面这个文本一样，结尾是 "..."

+------------------------------------------+| Over the past day or so the vituperation |
| against the iOS 6 Maps app, AKA the Maps || app that makes you wish you were ...     |
+------------------------------------------+

Answer 1

利用overflow:hidden;position:relative;::after实现，很巧妙。

Answer 2

Webkit支持一个名为-webkit-line-clamp的属性，他其实是一个WebKit-Specific Unsupported Propertyp {    overflow : hidden;    text-overflow: ellipsis;    display: -webkit-box;     -webkit-line-clamp: 2;     -webkit-box-orient: vertical; }p {    overflow: hidden;    white-space: normal;    height: 3em;    text-overflow: -o-ellipsis-lastline; }简单地说，就是没有标准的解决方案，对于这类需求，最好在后端处理或者前端用脚本做截断