长标题的文章可以使用简单的CSS样式实现省略号控制显示。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>CSS实现超过特定长度显示省略号的方法webjx.com</title> <style type="text/css"> ul {width:200px; margin:50px auto;} li {width:200px; line-height:25px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} a {color:#03c; font-size:13px;} a:hover {color:#000;} </style> </head> <body> <ul> <li>·<A title="07年中国的行业网站前景诱人、数量激增 更新于：07年09月23日 点击数:107" href="/Html/yanjiu/2007/9/1624B0B0J.html" target=_blank>07年中国的行业网站前景诱人、数量</A></li> <li>·<A title="浅谈商业网站和个人网站的区别 更新于：07年09月18日 点击数:110" href="/Html/yanjiu/2007/9/58358CE52.html" target=_blank>浅谈商业网站和个人网站的区别</A></li> <li>·<A title="个人站长：网商和博客是中小站长头上的两把利刃 更新于：07年09月18日 点击数:82" href="/Html/yanjiu/2007/9/1951I96K5.html" target=_blank>个人站长：网商和博客是中小站长头</A></li> <li>·<A title="社区网站的价值在于把供需结合起来 更新于：07年09月13日 点击数:54" href="/Html/yanjiu/2007/9/2750H10G5.html" target=_blank>社区网站的价值在于把供需结合起来</A></li> <li>·<A title="做网站要想清楚了再跑这很重要 更新于：07年09月13日 点击数:102" href="/Html/yanjiu/2007/9/23918EI1.html" target=_blank>做网站要想清楚了再跑这很重要</A></li> <li>·<A title="行业B2B网站的6种主要模式分析 更新于：07年09月12日 点击数:116" href="/Html/yingli/2007/9/43213D6I7.html" target=_blank>行业B2B网站的6种主要模式分析</A></li> </ul> </body> </html>
[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
