欢迎各位兄弟 发布技术文章
这里的技术是共享的
使用 text-overflow 属性:
div.test { text-overflow:ellipsis; }
页面底部有更多实例。
IE | Firefox | Chrome | Safari | Opera |
---|---|---|---|---|
所有主流浏览器都支持 text-overflow 属性。
text-overflow 属性规定当文本溢出包含元素时发生的事情。
默认值: | clip |
---|---|
继承性: | no |
版本: | CSS3 |
JavaScript 语法: | object.style.textOverflow="ellipsis" |
text-overflow: clip|ellipsis|string;
值 | 描述 | 测试 |
---|---|---|
clip | 修剪文本。 | 测试 |
ellipsis | 显示省略符号来代表被修剪的文本。 | 测试 |
string | 使用给定的字符串来代表被修剪的文本。 |
本例演示当光标浮动到元素上时如何显示全部文本。
CSS3 教程:CSS3 文本效果