文本超出宽度显示信息省略号(无js全适配)

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

关键词:html网页制作,php网页制作,网页设计稿,网页编辑工具,学生网页设计模板

PS. 因为应用的附件做为照片,应用别的访问器检测时,确保登陆才可以看到详细实际效果。
^-^ 3更深夜果真适于思索,方法有点怪,让大家先看看实际效果:

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

大伙儿能够试试将li标识的宽度改动落后行检测。

接下来有兴趣爱好的盆友能够看看基本原理的解释:
思路:
大家要做到的实际效果是:当“标识符超出额定值宽度”,则“显示信息3个小点”。
=> 当“标识符超出额定值宽度”,针对网页页面来讲将会产生的1个更改便是:换行!
=> 换已然致使该范畴的底线减少。
=> 那末,大家的目地则能够换算成:该范畴的底线减少时显示信息3个小点。
 
英文语句和持续字母/数据检测实际效果在非IE下较差(由于不全自动换行),能够相互配合js来健全。
有好的提议或建议,请多多指教。
下列是提升过的版本号
此次改动关键的提升层面以下:
1. 去掉了div标识,构造更为紧凑型。
2. 将宽度范畴的设置挪到外框,具备更强的可移殖性,內部构造能够更随意调剂。

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

基本原理图
 
提升版本号与无提升版本号装包免费下载
上一篇:CSS实例教程 伪消除波动 返回下一篇:没有了