CSS实现文字超出长度部分使用省略号表示

在写css样式的时候我们会遇到不确定文字长度时，又不想使用难看的下拉滚动，而是希望直接将超出长度部分隐藏但又告诉用户这段文字还没结束。这时候我们就可以用省略号来代替隐藏，例如：效果图如下这段摘要，“真实反...”后面还有内容，但是没必要显示了，所以使用省略号表示，欲知详情，请点开一观。详细具体请参照 这篇文章。 我在此只简单的做个笔记：

talk is cheap，show you the code:

单行的省略号实现：

width: 400px;
overflow: hidden;  /* 超出部分隐藏*/
text-overflow:ellipsis;  /* 文字超出部分使用省略号代替*/
white-space: nowrap;     /* 文字不换行*/

多行的省略号实现：

此方法仅有webkit浏览器才支持：

display: -webkit-box;        
-webkit-box-orient: vertical;   
-webkit-line-clamp: 3;        //行数
overflow: hidden;