问题描述:元素超长隐藏并显示...,在部分情况下会导致... 为···,且会遮挡显示的文本
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 回复