text-overflow实现标题省略号功能
时间:2009-05-19 12:13:00
语法:
text-overflow : clip | ellipsis
参数:
clip : 不显示省略标记(...),而是简单的裁切
ellipsis : 当对象内文本溢出时显示省略标记(...)
说明:
设置或检索是否使用一个省略标记(...)标示对象内文本的溢出。
对应的脚本特性为textOverflow。请参阅我编写的其他书目。
示例:
div { text-overflow : clip; }
看起来不错,我们测试一下
这个时候显示的就是正常的了
text-overflow属性仅是注解,当文本溢出时是否显示省略标记。并不具备其它的样式属性定义。我们想要实现溢出时产生省略号的效果。还必须定义:强制文本在一行内显示(white-space:nowrap)及溢出内容为隐藏(overflow:hidden)。只有这样才能实现溢出文本显示省略号的效果。
一、仅定义text-overflow:ellipsis; 不能实现省略号效果。
二、定义text-overflow:ellipsis; white-space:nowrap; 同样不能实现省略号效果
标签:text-overflow,省略号,标题
0
投稿
猜你喜欢
段正淳的css笔记(1)分类之间的横竖线
2007-11-01 21:47:00
CSS3属性box-shadow图层阴影效果使用教程
2010-05-16 14:54:00
日式酒店电梯面板设计
2008-06-08 13:23:00
Access数据库出现0x80004005问题的解决方法
2008-11-28 14:25:00
asp模板解析类模块(支持if,function,loop及解析缓存)
2008-08-11 13:06:00
Asp 操作Access数据库时出现死锁.ldb的解决方法
2011-03-29 10:49:00
图像替换新技术:状态域方法[译]
2009-08-06 16:41:00
PHP读取和写入CSV文件的示例代码
2023-05-24 23:54:02
phpMyAdmin 2.10.2 配置方法
2007-08-22 08:11:00
JavaScript 组件之旅(三):用 Ant 构建组件
2009-10-09 16:56:00
Firefox 的 Jetpack 扩展案例分析:Gmail 邮件提醒
2009-10-15 12:41:00
大写锁定提醒
2009-06-11 13:12:00
使用ACCESS做网络版程序的四种解决方案
2009-01-14 16:22:00
表单制作方式大比拼
2008-10-09 11:32:00
正在研究XMLHTTP如何正确传送大于7F(127)的二进制数据
2008-09-13 18:41:00
解读MySQL的InnoDB引擎日志工作原理
2011-01-04 19:59:00
asp连接access数据库表代码实例
2008-04-13 06:18:00
当标题不能显示完整的时候
2007-11-20 13:23:00
用JavaScript实现UrlEncode和UrlDecode功能
2008-01-27 11:30:00
建立三层结构的ASP应用程序
2009-01-21 19:41:00