纯 CSS 单行文本溢出追加省略号
来源:互联网 发布:超级老师软件下载 编辑:程序博客网 时间:2024/05/18 00:02
转自:http://www.mangguo.org/text-overflow-ellipsis/
样式代码,四个属性都是必须的,并且宽度必须设在当前容器上,父容器定宽无效:
.box {width: 200px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
示例1:
<!DOCTYPE HTML><html><head><meta charset="utf-8"><title>text overflow ellipsis</title><style>.box {width: 200px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}</style></head><body><h1>text overflow ellipsis</h1><div class="box">测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试</div></body></html>
参考:http://www.cnblogs.com/lianjun/archive/2011/03/24/1993479.html
- 纯 CSS 单行文本溢出追加省略号
- 纯 CSS 单行文本溢出追加省略号
- 纯css控制单行文本文字溢出省略号代替
- css控制文本单行,多行溢出显示省略号
- CSS控制文本内容长度,溢出追加省略号
- CSS文本溢出省略号
- 单行文本实现溢出显示省略号
- CSS实现单行、多行溢出省略号
- 文本溢出:单行文本,多行文本溢出显示省略号
- css控制单行文本溢出
- CSS文本溢出显示省略号
- css文本溢出显示省略号
- [ css ]文本溢出显示省略号
- css文本溢出省略号 遮罩层
- CSS 单行溢出文本显示省略号...的方法(兼容IE FF)(转)
- CSS 单行溢出文本显示省略号...的方法(兼容IE FF)(转)
- CSS 单行溢出文本显示省略号...的方法(兼容IE FF)
- CSS 单行溢出文本显示省略号...的方法(兼容IE FF)
- c++异常精解
- x86虚拟机设计之动态翻译块
- 设计模式- 迭代器模式
- C++入门进阶之3: 类和对象
- C# 上网流量统计
- 纯 CSS 单行文本溢出追加省略号
- 设计模式- 观察者模式
- 最近总在犯傻,make install
- 示波器探头的使用
- 亚马逊、谷歌、苹果云端宕机背后的故事
- 运维自动化之使用PHP+MYSQL+SHELL打造私有监控系统
- 使ie6.0支持.png图片的透明度
- 苹果iCloud继亚马逊EC2、GAE之后宕机
- MyEclipse lib/jar包管理