码迷,mamicode.com
首页 > 其他好文 > 详细

定义文本溢出

时间:2020-02-06 12:27:03      阅读:57      评论:0      收藏:0      [点我收藏+]

标签:psi   定义   ext   产生   简单的   hellip   内容   语法   css3   

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

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

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

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

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

 

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

 

定义文本溢出

标签:psi   定义   ext   产生   简单的   hellip   内容   语法   css3   

原文地址:https://www.cnblogs.com/xiaowie/p/12268172.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!