【菜鸟教你怎么把超过长度后以省略号显示的方法】 - 达人(永生教教主)

2007/02/02 | 【菜鸟教你怎么把超过长度后以省略号显示的方法】
类别(代码营地) | 评论(5) | 阅读(299) | 发表于 14:35: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <style type="text/css">  </style> <ul> <li><a href="#">w3c-标准网页组件库w3c-标准网页组件库</a></li> <li><a href="#">w3c-标准网页组件库w3c-标准网页组件库</a></li> <li><a href="#">w3c-标准网页组件库w3c-标准网页组件库</a></li> <li><a href="#">w3c-标准网页组件库w3c-标准网页组件库</a></li> <li><a href="#">w3c-标准网页组件库w3c-标准网页组件库</a></li> </ul> <div><a href="#">w3c-标准网页组件库w3c-标准网页组件库</a></div>
[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

应用到边栏评论(以当前模版为例)...

#comment_c {width:180px;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow: hidden;height:40px;}

红色部份:宽和高．

绿色部份:是否换行.

如果想应用所有边栏，将#comment_c改为.sidesub_c即可．马上动手试一下吧，朋友们; 2