[已解决问题] 请教wa ~~标题过长能自动添加省略号的修改办法,
提问时间: 2007-11-28 10:16
浏览:685 次
rt 标题过长能自动添加省略号的修改办法,
问题补充：：杨正祎那个代码不兼容FF 啊
所有回答(3)
|
如果确信你可以把字符串截得合适，程序截取也可以，不行的话就用CSS的：
white-space:nowrap;text-overflow:ellipsis;
-----------------------------------
补充：下面杨正祎那个可以的，控制宽度、自动截取的功能已经实现了，只是在FF下没有加上最后的省略号，这个没有办法解决，如果一定要那个省略号，只好在程序里判断字符串长度，然后让程序截取了 纯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> <!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> |
评论