遇到超出一行要添加省略号的情形，可以使用text-overflow:ellipsis，但是注意这个样式比较特殊。text-overflow属性仅是注解，当文本溢出时是否显示省略标记，并不具备其它的样式属性定义。要实现溢出时产生省略号的效果还须定义：强制文本在一行内显示（white-space:nowrap）及溢出内容为隐藏（overflow:hidden），只有这样才能实现溢出文本显示省略号的效果。

所以我们需要：1.限定宽度 2.文字显示在一行中（white-space:nowrap;） 3.和使用隐藏属性overflow。满足这三个条件后才能实现省略号功能哦。

    width:230px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;

备注：white-space属性设置如何处理元素内的空白，nowrap指文本不会换行，会在同一行上继续，直到遇到<br>标签为止。