一个固定宽度的DIV，如果列表标题文字超出DIV宽度就截取，再加上...
如果不超出就直接显示~！

这种效果可以用CSS实现吗`？

overflow:hidden; 超出隐藏

<style type="text/css"> body{font-size:13px;color:#8c966b;} div{width:340px;border:1px solid #333;margin:3px;padding:3px;} div a{display:block;Width:310px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} </style> <div><a href="">用css来实现自动截取文字，不需要后台程序和JS的使用</a></div>
 提示：您可以先修改部分代码再运行

收了

谢谢三楼的``

不过好像在FF下显示不了...

没有装IE7，不知道效果如何~！

<style type="text/css"> body{font-size:13px;color:#8c966b;} div{clear:both;width:340px;border:1px solid #333;margin:3px;padding:3px;} div a{display:block;Width:310px;white-space:nowrap;overflow:hidden;float:left; text-overflow:ellipsis; /* for IE */ -o-text-overflow: ellipsis; /* for Opera */ } div:after{content:"...";padding-left:3px;font-size:12px;}/* for Firefox */ </style> <div><a href="">用css来实现自动截取文字，不需要后台程序和JS的使用</a></div>
 提示：您可以先修改部分代码再运行

IE7也是可以的

感激感激~！

这种情况让程序限制个字数很简单啊，css写出效果就行了，字数还是让程序控制好了

这种情况，最好的解决方法还是程序控制
CSS无法完美解决

不要什么都依赖后台，前台能搞定的尽量搞定。这本身属于前台的范畴（个人的想法）
在说了如果做的是静态页呢，不会去一个一个的数字再去截取吧
六楼的代码很完美了

不是依赖后台，哪个做起来简单就用哪个做，看合作团队是怎么分的了

引用:

原帖由 lhnlj2 于 2008-8-27 09:44 发表
[html]
  
body{font-size:13px;color:#8c966b;}   
div{clear:both;width:340px;border:1px solid #333;margin:3px;padding:3px;}   
div a{display:block;Width:310px;white-space:nowrap;overflow:hidden;flo ...

弱弱的问下，div{clear:both;width }这里为啥要清除浮动吗？
而div a{float:left}为啥要用左浮动呢
div{clear:both;width }是为了清除 div a{float:left}的浮动吗？
不甚理解。
请指点 感激不尽