使用text-overflow:ellipsis实现文字超出用省略号显示

首页 > css教程

使用text-overflow:ellipsis实现文字超出用省略号显示

51自学网 http://www.wanshiok.com

文字超出,省略号,text-overflow:ellipsis有这样一个需求：文字超出规定范围时，可以用省略号显示

最简单的实现办法用css的一个属性就可以

text-overflow:ellipsis，和white-space:nowrap配合使用即可

偶然间发现的，如果有更好的方法，欢迎给phoebe留言啊
文字超出,省略号,text-overflow:ellipsis 　

CSS两列布局实现方式总结
网站设计之合理架构CSS
CSS的三列式"圣杯布局"方案完全解析
CSS Web安全字体组合详解
css水平居中的各种方法总结(推荐)
CSS使用BFC规则布局引发外层div包裹内层div的处理方法
CSS在固定宽高的div内实现垂直居中的实例详解
浅谈CSS中的clear清除浮动
浅析css3中matrix函数的使用
使用CSS3中的calc()属性来以算式表达尺寸数值

上一篇：css中font的简写方法(包括粗细、大小、行高、字体) 下一篇：用css写个android机器人代码分享