首页 新闻 搜索 专区 学院

请教wa ~~标题过长能自动添加省略号的修改办法,

0
[已关闭问题]
rt 标题过长能自动添加省略号的修改办法,
问题补充: :杨正祎那个代码不兼容FF 啊
melody.gao的主页 melody.gao | 初学一级 | 园豆:120
提问于:2007-11-28 10:16
< >
分享
其他回答(2)
0
如果确信你可以把字符串截得合适,程序截取也可以,不行的话就用CSS的: white-space:nowrap;text-overflow:ellipsis; ----------------------------------- 补充:下面杨正祎那个可以的,控制宽度、自动截取的功能已经实现了,只是在FF下没有加上最后的省略号,这个没有办法解决,如果一定要那个省略号,只好在程序里判断字符串长度,然后让程序截取了
丁学 | 园豆:18530 (专家六级) | 2007-11-28 11:54
0
纯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=utf-8" /> <meta name="Keywords" content="简单的XHTML页面" /> <meta name="Description" content="这是一个简单的XHTML页面" /> <title>简单的XHTML页面</title> <style type="text/css"> #divTest { width:200px; height:100px; border:1px solid red; white-space:nowrap; text-overflow:ellipsis; overflow: hidden; } </style> </head> <body> <div id="divTest"> 博客园web标准设计小组博客园web标准设计小组博客园web标准设计小组博客园web标准设计小组博客园web标准设计小组 </div> </body> </html>
阿一(杨正祎) | 园豆:650 (小虾三级) | 2007-11-28 18:10
0
<!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=utf-8" /> <meta name="Keywords" content="简单的XHTML页面" /> <meta name="Description" content="这是一个简单的XHTML页面" /> <title>简单的XHTML页面</title> <style type="text/css"> .ellipsis span { white-space:nowrap; text-overflow:ellipsis; /* for internet explorer */ overflow:hidden; width:190px; display:block; } html>body .ellipsis { clear:both; } html>body .ellipsis span:after { content: "..."; } html>body .ellipsis span { max-width:180px; width:auto !important; float:left; } </style> </head> <body> <div class="ellipsis"> <span>A very, very, very, very, very, very, very, very, very long text</span> </div> </body> </html>
O和尚O | 园豆:170 (初学一级) | 2008-04-09 17:21
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册