用 CSS 控制li列表的长度，让li里面的内容不换行显示，而且让多余li长度的内容用...表示，其实实现的方法很简单。我们只需要在对li的css样式进行控制就可以了，具体如下：
1 white-space:nowrap; /*不让文字内容换行*/ 2 overflow:hidden;/*文字溢出的部分隐藏起来*/ 3 text-overflow:ellipsis; /*用...替代溢出的部分*/
用 CSS 控制li列表的长度，让li里面的内容不换行显示，而且让多余li长度的内容用...表示
原文：http://www.cnblogs.com/wangjinhua/p/4696916.html