单行效果：display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
多行效果：width:...px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:n(行数); overflow:hidden; (有兼容问题，不推荐，手机网页可用)。
原文：http://www.cnblogs.com/meijiali/p/6196480.html