初秋的风似一支七彩的画笔,走到哪里,哪里就披上秋的盛装,五光十色的鲜花和着七彩的蝴蝶,迎着丰收的景象。五彩缤纷的鲜花撒满大地,丰收的果园一派欣欣向荣的景象,金黄色的稻谷堆满仓,大地一片喜气洋洋。
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不兼容但可以使用,没有省略号。
<script language="JavaScript">ffcod = delpost.runcode5 .value; ffcod = ffcod.replace(/
/g,''); delpost.runcode5 .value = ffcod;</script> 提示:您可以先修改部分代码再运行
/g,''); delpost.runcode5 .value = ffcod;</script> 提示:您可以先修改部分代码再运行
下面是用js实现的通过计算数字的长度进行截取的,但对于中文跟英文一样算一个,是肯定不行的了,以前发布过js计算字符串长度的,中文算两个字符的文章,可以参考下。
<script language="JavaScript">ffcod = delpost.runcode6 .value; ffcod = ffcod.replace(/
/g,''); delpost.runcode6 .value = ffcod;</script> 提示:您可以先修改部分代码再运行
/g,''); delpost.runcode6 .value = ffcod;</script> 提示:您可以先修改部分代码再运行
这个是css after实现的
<script language="JavaScript">ffcod = delpost.runcode7 .value; ffcod = ffcod.replace(/
/g,''); delpost.runcode7 .value = ffcod;</script> 提示:您可以先修改部分代码再运行
/g,''); delpost.runcode7 .value = ffcod;</script> 提示:您可以先修改部分代码再运行
参考文章:
https://www.haodaima.com/article/15239.htm
https://www.haodaima.com/article/14210.htm
以上就是CSS 超出隐藏如何实现限制字数的功能代码(多浏览器)。恋情就像一捧沙,抓得越紧,消散得越多。更多关于CSS 超出隐藏如何实现限制字数的功能代码(多浏览器)请关注haodaima.com其它相关文章!