定义文本溢出

Posted xiaowie

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了定义文本溢出相关的知识,希望对你有一定的参考价值。

css3新增了text-overflow属性,该属性可以设置超长文本省略显示,

语法:  rext-overflow:clip|ellipsis|ellipsis-word

clip属性值表示不显示省略标记(…),而是简单的裁剪

ellipsis属性值表示当前对象内文本溢出时显示省略标记(…),省略标记插入的位置是最后一个字符

ellipsis-word表示当前对象内文本溢出时显示省略标记(…)省略标记插入的位置是最后一个词(word)

 

要实现溢出时产生省略号的效果,应该再定义两个样式:强制文本在一行内显示(white-space:nowrap)和文本溢出内容为隐藏(overflow:hidden),只有这样才能实现溢出文本显示省略号的效果

 

以上是关于定义文本溢出的主要内容,如果未能解决你的问题,请参考以下文章

Jqgrid寻呼机(顶部或底部)太多自定义按钮然后溢出图片和文本,如何解决?

控制表格内的文本溢出时隐藏

text-overflow文本溢出隐藏“...”显示

input文本溢出显示省略号

Text-overflow文字的处理方式

CSS3 新增文本样式