編程教程CSS3 text-overflow 屬性
CSS 參考手冊
實例
使用 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|ellipsisstring;
| 值 | 描述 | 測試 |
|---|---|---|
| clip | 修剪文本。 | 測試 |
| ellipsis | 顯示省略符號來代表被修剪的文本。 | 測試 |
| string | 使用給定的字符串來代表被修剪的文本。 |
親自試一試 - 實例
- 帶有 hover 效果的 Text-overflow
- 本例演示當光標浮動到元素上時如何顯示全部文本。
相關頁面
CSS3 教程：CSS3 文本效果
CSS 參考手冊