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

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