算是比较实用的样式。

这个方法只有在单行的情况下才会奏效,所以在样式写的时候必须要限定只能单行。(比如使用white-space:nowrap;来强制单行)然后加上overflow:hidden; 隐藏溢出。最后加上关键样式text-overflow:ellipsis;即可

样式如下:

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


效果:

我是一段很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长的例子