定义文本溢出
Posted xiaowie
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了定义文本溢出相关的知识,希望对你有一定的参考价值。
css3新增了text-overflow属性,该属性可以设置超长文本省略显示,
语法: rext-overflow:clip|ellipsis|ellipsis-word
clip属性值表示不显示省略标记(…),而是简单的裁剪
ellipsis属性值表示当前对象内文本溢出时显示省略标记(…),省略标记插入的位置是最后一个字符
ellipsis-word表示当前对象内文本溢出时显示省略标记(…)省略标记插入的位置是最后一个词(word)
要实现溢出时产生省略号的效果,应该再定义两个样式:强制文本在一行内显示(white-space:nowrap)和文本溢出内容为隐藏(overflow:hidden),只有这样才能实现溢出文本显示省略号的效果
以上是关于定义文本溢出的主要内容,如果未能解决你的问题,请参考以下文章