问题:省略号(...)的颜色和文字颜色不一样
如下代码:

<p style="width:200px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;">
    <span style="color:red">内部</span>
    第一个元素的颜色决定了省略号的颜色
</p>

如上,虽然p的颜色是黑色,但是内部第一个元素设置了红色,将导致文字是黑色,省略号却是红色。

解决办法:如果内部第一个元素设置的颜色不一样,可以在最前面添加一个空的元素(例如<span></span>