css3中如何让多余的字符串消失并附加省略号的方法

省略多余的文本，最后以省略号表示内容的省略。

white-space:nowrap;//保证所有文本在一行内显示text-overflow:ellipsis;//超出包含元素的内容用省略号代替overflow:hidden;//隐藏溢出内容-webkit-text-overflow:ellipsis;height:50px 

white-space属性 设置如何处理元素内的空白 normal 默认。空白会被浏览器忽略。 pre 空白会被浏览器保留。其行为方式类似 HTML 中的 标签。 nowrap 文本不会换行，文本会在在同一行上继续，直到遇到
标签为止。 pre-wrap 保留空白符序列，但是正常地进行换行。 pre-line 合并空白符序列，但是保留换行符。 inherit 规定应该从父元素继承 white-space 属性的值。

text-overflow属性规定当文本溢出包含元素时发生的事情。
clip 修剪文本。
ellipsis 显示省略符号来代表被修剪的文本。
string 使用给定的字符串来代表被修剪的文本。