如题,这样子的好处是不用在server截取处理处理字符串了,放到客户端处理。并且可以做到随着浏览器变大而自动改变长度!这是在服务器端做不到的。
<!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" /> <title>无标题文档</title> <style> .subIE{ white-space:nowrap; color:#00F; 20%; overflow:hidden; text-overflow:ellipsis; } .subDouble{ white-space:nowrap; color:#00F; overflow:hidden; 150px; text-overflow:ellipsis; } </style> </head> <body> <p class="subIE">固定比例20%的:abcdefghijklmnopqistuvwxyz</p> <p class="subDouble">固定长度150px的:abcdefghijklmnopqistuvwxyz</p> <span style="color:#F00; font:bold 20px '隶书';">省略号 有木有??</span> </body> </html>
欢迎指点!