工作中遇到的问题-【元素超长隐藏,并显示...】的异常处理

原创 x778518694 随笔 兼容性问题 390阅读 2017-06-14 10:01:09 举报

问题描述:元素超长隐藏并显示...,在部分情况下会导致... 为···,且会遮挡显示的文本
1、ie8中,浏览器模式【Internet Explorer 8】和文本模式【Internet Explorer 8 标准(默认页面)(8)】;
2、元素text-align:right;
3、页面UTF-8编码;
4、元素以中文开头;
现象如下:

问题现象

解决思路:
考虑了各种情况,网上各种搜,都没有找到与此相同的问题;(蛋疼无比)
之后偶然之间发现同一页面,不同元素现象不一样,对比了各元素的区别,总结了以下解决办法。
记录在此,做个复习,加深印象,能帮到遇到相同问题的同学就更好了。

解决方法:
1、js对所有的该类元素,innerText前追加英文空格
2、html直接添加 
3、(推荐)对该类元素,用伪元素::before添加英文空格即可;考虑兼容性:before

添加之后现象:

解决之后展示

注:该问题在我的简书日记【http://www.jianshu.com/p/2a9b19086aeb】描述过

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复