这里是将多个效果结合在一起。当文本超过元素宽度时，超过部分不换行，会被隐藏起来并以省略号替代。
文本显示为单行，超过部分隐藏并使用省略号
overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:120px;文本显示为多行，使用 display:-webkit-box; (只有-webkit内核才有作用)
overflow:hidden; text-overflow:ellipsis; display:-webkit-box; width:100px; -webkit-line-clamp: 2; //隐藏行数，可选 -webkit-box-orient:vertical;overflow 属性规定当内容溢出元素框时发生的事情。这里采用hidden属性值，隐藏文本。
text-overflow 属性规定当文本溢出包含元素时发生的事情。这里采用ellipsis属性值，显示省略号。 white-space 属性设置如何处理元素内的空白。这里采用nowrap，不换行。 box-orient 属性规定框的子元素应该被水平或垂直排列。目前没有浏览器支持 box-orient 属性。Firefox 支持替代的 -moz-box-orient 属性。Safari、Opera 以及 Chrome 支持替代的 -webkit-box-orient 属性。
