瀏覽器支持
IE | Firefox | Chrome | Safari | Opera |
---|---|---|---|---|
所有主流瀏覽器都支持 text-overflow 屬性。
定義和用法
text-overflow 屬性規(guī)定當文本溢出包含元素時發(fā)生的事情。
默認值: | clip |
---|---|
繼承性: | no |
版本: | CSS3 |
JavaScript 語法: | object.style.textOverflow="ellipsis" |
語法
text-overflow: clip|ellipsis|string;
值 | 描述 | 測試 |
---|---|---|
clip | 修剪文本。 | 測試 |
ellipsis | 顯示省略符號來代表被修剪的文本。 | 測試 |
string | 使用給定的字符串來代表被修剪的文本。 |
親自試一試 - 實例
- 帶有 hover 效果的 Text-overflow
- 本例演示當光標浮動到元素上時如何顯示全部文本。
相關頁面
CSS3 教程:CSS3 文本效果
更多建議: