text-overflow:ellipsis溢出文本显示省略号的详细方法_CSS教程

三者缺一不可，需同时应用： text-overflow:ellipsis; white-space:nowrap; overflow:hidden; 实现了所想要得到的溢出文本显示省略号效果：

li {width:300px; line-height:25px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}