用CSS自动截取固定长度字符串,显示省略效果
2011-12-31 10:05
369 查看
如题,这样子的好处是不用在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; width:20%; overflow:hidden; text-overflow:ellipsis; } .subDouble{ white-space:nowrap; color:#00F; overflow:hidden; width: 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>
欢迎指点!
相关文章推荐
- 样式(css)限制字符串长度,自动截取
- ASP.NET - 截取固定长度字符串显示在页面,多余部分显示为省略号
- ASP.net:截取固定长度字符串显示在页面,多余部分显示为省略号
- 通过CSS自动截取字符串长度
- css固定宽度超出文字自动省略号显示
- 截取字符串使其显示为固定长度加...显示
- 截取固定长度字符串显示在页面,多余部分显示为省略号(区分汉字和字符)
- 截取固定长度字符串显示在页面,多余部分显示为省略号(区分汉字和字符)
- c# 超长字符串截取固定长度后显示...(超长后面显示点点点) 通用方法
- 客户端(CSS)解决自动截取字符串长度,并以...代替
- css截取固定长度字符串
- ASP.net:截取固定长度字符串显示在页面,多余部分显示为省略号
- ASP.net:截取固定长度字符串显示在页面,多余部分显示为省略号
- 样式(css)限制字符串长度,自动截取
- 自动截取文字,css实现文字超出显示省略汇总
- 客户端(CSS)解决自动截取字符串长度,并以...代替
- 截取固定长度字符串显示在页面,多余部分显示为省略号(区分汉字和字符)
- 写了一个字符串截取一定长度的代码,中文两个字符,英文一个字符,如果截断了自动用一个.或两个.来对齐,用于标题的显示
- 截取固定长度字符串显示在页面,多余部分显示为省略号(区分汉字和字符)
- CSS截取固定长度字符串