(html)css超长文本截断显示省略号的样式问题

关于网友提出的“ (html)css超长文本截断显示省略号的样式问题
”问题疑问，本网通过在网上对“ (html)css超长文本截断显示省略号的样式问题
”有关的相关答案进行了整理，供用户进行参考，详细问题解答如下：

问题： (html)css超长文本截断显示省略号的样式问题
描述:

遇到一个奇怪的问题，先贴代码

html：
    

        xxxxxxxxxxx（超长文本）
    
css:
   p a { display: block; text-decoration: none; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-wrap: normal; }

结果在ie8,9遇到了这么个情况

省略号变成了红色的竟然，只有这两个版本的ie有这个情况。将em标签去掉以后变成了下面的样子：

颜色正常了，但是省略号位置有变化，而且关键是em标签是要保留的，有高人可以指点下吗？

---

解决方案1:

事实证明是因为省略号继承了a标签下第一个元素em的color属性，我添加了一个空的span标签后搞定了！

解决方案2:

设置一下a标签的字体颜色就ok了