CSS text-overflow 属性
浏览器支持
表格中的数字注明了完全支持该属性的首个浏览器版本。
带 -o- 的数字表示使用前缀的首个版本。
属性 | Chrome | IE | Firefox | Safari | Opera |
---|---|---|---|---|---|
text-overflow | 4.0 | 6.0 | 7.0 | 3.1 | 11.0 9.0 -o- |
定义和用法
text-overflow 属性规定当文本溢出包含元素时发生的事情。
默认值: | clip |
---|---|
继承性: | no |
版本: | CSS3 |
JavaScript 语法: | object.style.textOverflow="ellipsis" |
语法
text-overflow: clip|ellipsis|string;
值 | 描述 | 测试 |
---|---|---|
clip | 修剪文本。 | 测试 |
ellipsis | 显示省略符号来代表被修剪的文本。 | 测试 |
string | 使用给定的字符串来代表被修剪的文本。 |
亲自试一试 - 实例
- 带有 hover 效果的 Text-overflow
- 本例演示当光标浮动到元素上时如何显示全部文本。
相关页面
CSS3 教程:CSS3 文本效果