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

2024-07-11 08:26:59

字体：大中小

来源：转载

供稿：网友

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实现的通过计算数字的长度进行截取的，但对于中文跟英文一样算一个，是肯定不行的了，错新站长站以前发布过js计算字符串长度的，中文算两个字符的文章，可以参考下。

上一篇：Float 菜单水平居中简单方法

下一篇：简单的CSS 下拉导航菜单实现代码

发表评论

共有条评论