eg:
<div style='color: red; text-overflow:ellipsis; white-space:nowrap; width: 100px'>
<span style='color: green'> 很长很长的文字很长很长的文字很长很长的文字很长很长的文字很长很长的文字很长很长的文字很长很长的文字</span>
</div>
结果:省略号的颜色为red,修改了默认颜色;
注意:1、需要在块元素上使用text-overflow,行内元素添加display:block生效,添加display:inline-block不生效。2、省略号的颜色会继承父级块元素的颜色,而不是当前包裹元素的颜色,例如上面不会显示span标签的颜色而是div的颜色。
网友评论