CSS 超出隐藏实现限制字数的功能代码(多浏览器)


CSS限制字数

复制代码
代码如下:

overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis; /* for IE */
-o-text-overflow: ellipsis; /* for Opera */
-icab-text-overflow: ellipsis; /* for iCab */
-khtml-text-overflow: ellipsis; /* for Konqueror Safari */
-moz-text-overflow: ellipsis; /* for Firefox,mozilla */
-webkit-text-overflow: ellipsis; /* for Safari,Swift*/


看了 上面的代码挺郁闷的,根本实现不了,看来好多站长对这种简单的代码都不测试就发了,郁闷。所以我们特别发一下我们自己用的,但firefox不兼容但可以使用,没有省略号。



提示:您可以先修改部分代码再运行

下面是用js实现的通过计算数字的长度进行截取的,但对于中文跟英文一样算一个,是肯定不行的了,phpStudy以前发布过js计算字符串长度的,中文算两个字符的文章,可以参考下。



提示:您可以先修改部分代码再运行

这个是css after实现的



提示:您可以先修改部分代码再运行


参考文章:
http://www.phpstudy.net/article/15239.htm 
http://www.phpstudy.net/article/14210.htm



相关阅读:
chr(9)、chr(10)、chr(13)、chr(32)、chr(34)讲解
PHP session常见问题集锦及解决办法总结
ASP.NET 2.0 中的数据源控件
C#教程:声明和调用扩展方法
ACCESS集锦
SQL2005的默认端口的修改方法
正确修改Linux的系统时间
GD输出汉字的函数的分析
JavaScript实现Sleep函数的代码
Windows回收站高效使用技巧
页面(PAGE)标记(TAGS)
利用配置文件实现SQL Server与Oralce访问类的转换
ASP.NET中MD5与SHA1加密的几种方法
asp文本框换行显示代码
快速导航

Copyright © 2016 phpStudy |