使溢出文字显示为...

要使元素中溢出文字显示为省略号效果，需要设置3个CSS元素：

• white-space：设置如何处理元素中的空白，详见http://www.w3school.com.cn/cssref/pr_text_white-space.asp

• overflow：规定当内容溢出元素框时发生的事情，详见http://www.w3school.com.cn/cssref/pr_pos_overflow.asp

• text-overflow：规定当文本溢出包含元素时发生的事情，详见http://www.w3school.com.cn/cssref/pr_text-overflow.asp

实际CSS属性值设置如下：

.example{
       white-space:nowrap;
　　overflow:hidden;
　　text-overflow:ellipsis;
}