Web前端开发-Web前端工程师
CSS3参考手册
»
属性列表
»
用户界面属性
»
相关内容：
其它用户界面属性
选择其它项
text-overflow
版本：CSS3
继承性：无
语法：
text-overflow
：clip | ellipsis
默认值
：
clip
适用于
：所有元素
继承性
：无
取值：
clip：
当对象内文本溢出时不显示省略标记（...），而是将溢出的部分裁切掉。
ellipsis：
当对象内文本溢出时显示省略标记（...）。
说明：
设置或检索是否使用一个省略标记（...）标示对象内文本的溢出。
对应的脚本特性为
textOverflow
。
兼容性：
浅绿
= 支持
红色
= 不支持
墨绿
= 部分支持
橙色
= 实验性质
支持版本
\类型
IE
Firefox
Safari
Chrome
Opera
版本
6
4-6
5.1.7
13
11.5
版本
7
示例：
<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="utf-8" /> <title>text-overflow_CSS参考手册_web前端开发参考手册系列</title> <a target="_blank" rel="external" href="http://www.w3cways.com/">Web前端开发-Web前端工程师</a> <style> .test li{margin-top:10px;} .test .clip p{overflow:hidden;width:200px;white-space:nowrap;text-overflow:clip;} .test .ellipsis p{overflow:hidden;width:200px;white-space:nowrap;text-overflow:ellipsis;} </style> </head> <body> <ul class="test"> <li class="clip"> <strong>clip: 直接将溢出的文字裁剪</strong> <p>测试用文字测试用文字测试用文字测试用文字测试用文字测试用文字</p> </li> <li class="ellipsis"> <strong>ellipsis: 将溢出的文字显示省略标记（...）</strong> <p>测试用文字测试用文字测试用文字测试用文字测试用文字测试用文字</p> </li> </ul> </body> </html>