用ul做新闻列表时，怎么让内容超过长度自动隐藏呀？

ciweiyy 楼主

最近在做新闻列表，但是有时用overflow:hidden:,white-space:nowrap;text-overflow: ellipsis;就管用，有是就不管用，还有就是在用text-overflow:ellipsis;时它在第一行就开始省略了，能不能实现有几行字后再省略呀！

snwebsite

不能实现换行省略，用其他脚本实现吧！

ciweiyy 楼主

用其它脚本，可以推荐下吗？还有就是这个要怎么实现让它再页面上不换行呀？

<ul class="list"> <li><span>2006-8-4 8:15:59 点击数：370</span><a href="">山东枣庄建新遗址考古又获新成果山东枣庄建新遗址考古又获新成果</a></li> <li><span>2006-8-4 8:15:59 点击数：370</span>山东枣庄建新遗址考古又获新成果山东枣庄建新遗址考古又获新成果</li> <li><span>2006-8-4 8:15:59 点击数：370</span>山东枣庄建新遗址考古又获新成果</li> <li><span>2006-8-4 8:15:59 点击数：370</span>山东枣庄建新遗址考古又获新成果</li> <li><span>2006-8-4 8:15:59 点击数：370</span>山东枣庄建新遗址考古又获新成果</li> 　　　　　<li><span>2006-8-4 8:15:59 点击数：370</span>山东枣庄建新遗址考古又获新成果</li> <li><span>2006-8-4 8:15:59 点击数：370</span>山东枣庄建新遗址考古又获新成果</li> <li><span>2006-8-4 8:15:59 点击数：370</span>山东枣庄建新遗址考古又获新成果</li> <li><span>2006-8-4 8:15:59 点击数：370</span>山东枣庄建新遗址考古又获新成果</li> <li><span>2006-8-4 8:15:59 点击数：370</span>山东枣庄建新遗址考古又获新成果</li> <li><span>2006-8-4 8:15:59 点击数：370</span>山东枣庄建新遗址考古又获新成果</li> <li><span>2006-8-4 8:15:59 点击数：370</span>山东枣庄建新遗址考古又获新成果</li> <li><span>2006-8-4 8:15:59 点击数：370</span>山东枣庄建新遗址考古又获新成果</li> <li><span>2006-8-4 8:15:59 点击数：370</span>山东枣庄建新遗址考古又获新成果</li> <li><span>2006-8-4 8:15:59 点击数：370</span>山东枣庄建新遗址考古又获新成果</li> </ul> .list{ text-align:left; color:#4d4d4d; padding:0 10px; } .list li{ margin:5px 0; overflow:hidden; white-space:nowrap; text-align:left; padding:2px 10px; } .list li span{ float: right; text-align:left; color:#b0b0b0; }

运行代码 复制代码 另存代码  提示：您可以先修改部分代码再运行

clovey

我一般都是设置一个div，设置其宽度高度后，设置div的overflow:hidden，然后将ul放进去
不知道别人怎么做的
不过ul本身也可以设置高度的，但是我感觉好像自己不那么设置的
ul一般都是根据自身的li来自动扩张的

forestgan

用函数截取

kuye

我的理解只能通过脚本来实现.

163895

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