Site icon 时鹏亮的Blog

CSS文本溢出省略号:text-overflow:ellipsis及Firefox兼容详解

请知悉:本文最近一次更新为 10年 前,文中内容可能已经过时。

text-overflow是一个比较特殊的属性,W3C早前的文档中(目前的文档中没有包含text-overflow属性,FML!)对其的定义是:

Name: text-overflow-mode
Value: clip | ellipsis | ellipsis-word
clip :  不显示省略标记(…),而是简单的裁切
ellipsis :  当对象内文本溢出时显示省略标记(…),省略标记插入的位置是最后一个字符。
ellipsis-word :  当对象内文本溢出时显示省略标记(…),省略标记插入的位置是最后一个词(word)。

如果我们要给p标签定义text-overflow:ellipsis就可以这么写:
.limittd{white-space: nowrap;max-width:125px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}

内容摘录自:http://blog.163.com/yinwei_666/blog/static/2036157320101113102733794/


如您从本文得到了有价值的信息或帮助,请考虑扫描文末二维码捐赠和鼓励。

尊重他人劳动成果。转载请务必附上原文链接,我将感激不尽。


与《CSS文本溢出省略号:text-overflow:ellipsis及Firefox兼容详解》相关的博文:

Exit mobile version