CSS 超过掩藏完成限定篇幅的作用编码(多访问器

日期:2021-03-13 类型:科技新闻 

关键词:开发一个小程序多少钱,凡科轻站小程序,微信群抽奖小程序,小程序登录页面,微信小程序 微店

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*/


看了 上面的编码挺烦闷的,压根完成不上,来看许多站长对这类简易的编码都难测试就发了,烦闷。因此大家非常发1下大家自身用的,但firefox兼容问题但可使用,沒有省略号。

提醒:您能够先改动一部分编码再运作

下面是用js完成的根据测算数据的长度开展截取的,但针对汉语跟英文1样算1个,是毫无疑问不好的了,脚本制作之家之前公布过js测算标识符串长度的,汉语算两个标识符的文章内容,能够参照下。

提醒:您能够先改动一部分编码再运作

这个是css after完成的

提醒:您能够先改动一部分编码再运作


参照文章内容:
https://www.jb51.net/article/15239.htm 
https://www.jb51.net/article/14210.htm
上一篇:P2P网贷系统软件 返回下一篇:没有了