IE8 中text-overflow:ellipsis 与text-align:right组合样式BUG

text-overflow:ellipsis 作用是显示省略符号来代表被修剪的文本

<span style="font-family: Verdana, Arial, 宋体; background-color: rgb(239, 239, 239);">IE8中不添加 text-align :right 样式是没有问题的</span>

例:

<div style="width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;">显示省略符号来代表被修剪的文本</div>

结果是这样的

加上 text-align:right;之后，变成这样了

省略号完全被覆盖了。

此时，需要添加 

     text-indent:10px;

之后就能正常显示了