CSS3 text-overflow 属性
浏览器支持
所有主流浏览器都支持 text-overflow 属性。
定义和用法
text-overflow 属性规定当文本溢出包含元素时发生的事情。
| 默认值： | clip |
|---|---|
| 继承性： | no |
| 版本： | CSS3 |
| JavaScript 语法： | object.style.textOverflow="ellipsis" |
语法
text-overflow: clip|ellipsis|string;
| 值 | 描述 | 测试 |
|---|---|---|
| clip | 修剪文本。 | 测试 |
| ellipsis | 显示省略符号来代表被修剪的文本。 | 测试 |
| string | 使用给定的字符串来代表被修剪的文本。 |
亲自试一试 - 实例
- 带有 hover 效果的 Text-overflow
- 本例演示当光标浮动到元素上时如何显示全部文本。
相关页面
CSS3 教程：CSS3 文本效果